JavaScript - 教程之家

145浏览

0评论

webpack之引入图片的实现及问题

前言：本文演示了 webpack如何在css文件中引入图片； webpack如何在html中引入图片；需要安装配置的loader: file-loader;为何要使用file-loader：如果我们希望在页面引入图片（包括...

2020-05-27

53浏览

0评论

在angularJs中进行数据遍历的2种方法

2种方式分别为：1、数组数据遍历2、对象数据遍历<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script></head><body><div...

2020-05-27

61浏览

0评论

详解webpack之图片引入-增强的file-loader：url-loader

前言：本文介绍了url-loader（增强的file-loader）；url-loader作用：根据需求选择性的把某些小图片编码成base64格式写进页面；从而减少服务器请求。优化性能。url-loader解决的问题:如...

2020-05-27

91浏览

0评论

angularJs提交文本框数据到后台的方法

如下所示：ng-model="name" //填写的数据提交到index.phpindex.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <script src="angular.min.js"></script>...

2020-05-27

92浏览

0评论

Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置

在Bootstrap fileinput中移除预览文件时可以通过配置initialPreviewConfig: [ { url:'deletefile',key:fileid } ] 来同步删除服务器上的文件和记录。但新上传的文件则需要...

2020-05-27

70浏览

0评论

基于Angular中ng-controller父子级嵌套的相关属性详解

ng-controller是为应用变量添加控制器当有两个控制器father、child且child 在 father内，那child 可以称为子控制器，它将继承父控制器father的scope。child就可以访问到father...

2020-05-27

95浏览

0评论

Vue组件大全包括（UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例)

Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目一、Vue常用UI组件element ★11612 - 饿了么出品的V...

2020-05-27

54浏览

0评论

js根据json数据中的某一个属性来给数据分组的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <span id ="span" style="width: 50px;height: 200px;"></span> </body...

2020-05-27

66浏览

0评论

Vue中的$set的使用实例代码

Vue —$set在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句...

2020-05-27

74浏览

0评论

基于vue2.0的活动倒计时组件countdown(附源码下载)

这是一款基于vue2.0的活动倒计时组件，可以使用服务端时间作为当前时间，在倒计时开始和结束时可以自定义回调函数。查看演示...

2020-05-27

49浏览

0评论

对angularJs中自定义指令replace的属性详解

如下所示：<div ng-app="module"> <div my-exam></div> </div> <script> var m = angular.module('module', []); m.directive('myExam', [function () { return { re...

2020-05-27

57浏览

0评论

利用JS动态生成隔行换色HTML表格的两种方法

用JS生成动态生成表格，行、列由用户输入，并使表格隔行换色方法一.代码:<!DOCTYPE html><html> <head> <title>动态表格</title> <meta http-equiv="keywords" content="keyw...

2020-05-27

60浏览

0评论

Vue中的作用域CSS和CSS模块的区别

现代Web开发中的CSS离完美还差得远，这并不奇怪。现在，项目通常是相当的复杂的，而CSS样式又是全局性的，所以到最后总是极容易地发生样式冲突：样式相互覆盖或隐式地级联到我们未...

2020-05-27

59浏览

0评论

angularJS自定义directive之带参方法传递详解

如下所示：//自定义指令 "myEmail"grgApp.directive("myEmail",function(){return{restrict:'AE',scope:{toDir:'@', fromName:'@', sendEmail:'&'},templateUrl:'/htmls/main...

2020-05-27

77浏览

0评论

详解基于vue-cli3.0如何构建功能完善的前端架子

上一篇文章写了vue和typescript的整合，发现很多小伙伴对vue-cli构建出来的项目很感兴趣，所以今天打算写写怎么在vue-cli3.0的架子上，在进一步完善，整合出具备基础功能的前端架子...

2020-05-27

54浏览

0评论

AngularJS $http post 传递参数数据的方法

在cordova开发的时候使用到了$http的post方法，传递的参数服务端怎么都接收不到，搜索了下，发现使用AngularJS通过POST传递参数还是需要设置一些东西才可以！1、不能直接使用params...

2020-05-27

42浏览

0评论

angularJS1 url中携带参数的获取方法

index.html 从此界面跳转到a.html界面<!doctype html><html> <head> <meta charset="utf-8"> <title>form demo</title> <meta name="viewport" content="width=d...

2020-05-27

109浏览

0评论

AngularJs1.x自定义指令独立作用域的函数传入参数方法

在定义指令的scope属性如果设置成了{}，那就成为了一个独立作用域，如果要传入一个方法，使用&,但是这里的传参有点不一样。先看下官网解释： & or &attr - provides a way to execu...

2020-05-27

70浏览

0评论

angular 未登录状态拦截路由跳转的方法

使用angularjs的但页面应用时，由于是本地路由在控制页面跳转，但是有的时候我们需要判断用户是否登录来判断用户是否能进入界面。angularjs是mvc架构所以实现起来很容易也很灵...

2020-05-27

60浏览

0评论

对angular4子路由&辅助路由详解

子路由学习笔记：子路由和路由一样的配置方法，都是声明好路由的入口，路由的路径，路由的出口，不一样的是自路由是嵌套在副路由里面的并且由children表明这是子路由且可以无限循环嵌...

2020-05-27

48浏览

0评论

AngularJS 监听变量变化的实现方法

如下所示：var timeout;$scope.$watch('search.subj',function (newVal, oldVal) { if (newVal !== oldVal) { if (timeout) $timeout.cancel(timeout); timeout = $timeout...

2020-05-27

40浏览

0评论

vue发送ajax请求详解

vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再...

2020-05-27

46浏览

0评论

JS判断用户用的哪个浏览器实例详解

下面通过实例代码给大家分享JS判断用户用的哪个浏览器，具体代码如下所示：var Sys = {};var ua = navigator.userAgent.toLowerCase();var s;(s = ua.match(/msie ([\d.]+)/))...

2020-05-27

49浏览

0评论

对angular 监控数据模型变化的事件方法$watch详解

$watch简单使用$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);每个参数的说明如下：watch...

2020-05-27

51浏览

0评论

Angular4 Select选择改变事件的方法

个人感觉change没用。所以用的ngModelChange<selectclass="form-control customSelect" [(ngModel)]="packagingType"name="packagingType" (ngModelChange)="packagTypeCha...

2020-05-27

50浏览

0评论

vue router 源码概览案例分析

源码这个东西对于实际的工作其实没有立竿见影的效果，不会像那些针对性极强的文章一样看了之后就立马可以运用到实际项目中，产生什么样的效果，源码的作用是一个潜移默化的过程，它...

2020-05-27

64浏览

0评论

Vue官方推荐AJAX组件axios.js使用方法详解与API

Axios.js作为Vue官方插件的AJAX组件其主要有以下几个特点：1、比Jquery轻量，但处理请求不多的时候，可以使用
2、基于Promise语法标准
3、支持nodejs
4、自动转换JSON数据Axios.j...

2020-05-27

62浏览

0评论

Angular4.x Event (DOM事件和自定义事件详解)

Angular组件和DOM元素通过事件与外部进行通信，两者中的事件绑定语法是相同的-(eventName)="expression":<button (click)="onClick()">Click</button>DOM元素DOM 元素触发的...

2020-05-27

56浏览

0评论

angular4强制刷新视图的方法

使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。这里使用NGZone来更新视图import {NgZone} from...

2020-05-27

49浏览

0评论

详解js模板引擎art template数组渲染的方法

JavaScript 模板引擎作为数据与界面分离工作中最重要一环，越来越受开发者关注，模板引擎种类也是五花八门，我就说几个安全性高、错误处理调试优，执行速度快的有artTemplate(腾讯...

2020-05-27

52浏览

0评论

AngularJs返回前一页面时刷新一次前面页面的方法

要求：页面A进入到页面B，在页面B处理完后返回页面A，页面A里的数据应该动态的减去一条，但由于一般情况下页面是缓存起来的，返回A后读取的是缓存静态页面，里面显示的数据不会减少。应...

2020-05-27

45浏览

0评论

对angular 实时更新模板视图的方法$apply详解

有的时候在回调里面写了更新scope的里面的内容，视图上面竟然没有同时更新，这就用到了$applyScope的特性接下来，看看Scope有哪些特性呢？Scope提供$watch方法监视Model的变化。Sco...

2020-05-27

292浏览

0评论

angularJS实现不同视图同步刷新详解

前言作为angularJS框架MVC中M和V的桥梁，controller在整个angularJS的web应用中有着举足轻重的作用。通常我们可以使用单例service的方式在不同的controller里面共享数据。比...

2020-05-27

57浏览

0评论

vue axios 简单封装以及思考

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...

2020-05-27

54浏览

0评论

从零开始封装自己的自定义Vue组件

想要封装好一个自己的vue组件，一定要熟练掌握这三个技能父组件 —> 子组件传值（props）子组件 —> 父组件传值（$emit）以及插槽（slot）对于一个独立的组件来说props是用来为组件内部注...

2020-05-27

45浏览

0评论

微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题

首先我们在pages文件夹下创建components目录用于存放自定义组件。如图所示，以我创建的dialog组件为例，自定义组件的格式与页面一样，分为4个文件。图1...

2020-05-27

41浏览

0评论

jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())

jquery获取除某指定对象外的其他对象.not() 遍历方法从匹配元素集合中移除元素:not() 选择器选取除了指定元素以外的所有元素。<ul> <li>list item 1</li...

2020-05-27

77浏览

0评论

解决js相同的正则多次调用test()返回的值却不同的问题

代码是这样的：var reg = /^1[345678][0-9]{9}$/g;console.log(reg.test(15328044636));console.log(reg.test(15328044636));会发现控制台打印的数据却是：truefalse问题原因这...

2020-05-27

79浏览

0评论

Koa代理Http请求的示例代码

Koa 代理http请求，解决跨域问题
1、为什么用Koa做跨域代理？
"最初为了解决跨域问题，我把站点部署到了nginx上就解决了问题。一次偶然的面试机会，面试官提出了一个假设我需要对提...

2020-05-27

66浏览

0评论

4个顶级JavaScript高级文本编辑器

JavaScript无处不在，它在网络上的无处不在是不可否认的。每个应用程序都以一种或另一种形式使用它。任何对网络持认真态度的开发人员都应该学习JavaScript。如果您已经知道了...

2020-05-27

68浏览

0评论

webpack dll打包重复问题优化的解决

关于webpack dll的使用，我这里不做过多介绍，网上都有，一撸一大把，今天我要说的是在使用dll plugin过程中出现的一个包依赖问题，这个问题导致打出来的包会包含重复的代码。优化背...

2020-05-27

57浏览

0评论

js正则取值的结果数组调试方法

如下所示：body="Darry 官网（戴珠宝官网）是戴珠宝指定官方网站，darry戴珠宝官网提供；戴珠宝产品包括：结婚戒指、求婚戒指等钻戒|对戒系列，欢迎进入戴珠宝唯一官网详细了解；"; var reg...

2020-05-27

57浏览

0评论

从零开始用electron手撸一个截屏工具的示例代码

最近在尝试利用 electron 将一个 web 版的聊天工具包装成一个桌面 APP。作为一个聊天工具，截屏可以说是一个必备功能了。不过遗憾的是没有找到很成熟的库来用，也可能是打开方...

2020-05-27

43浏览

0评论

js 实现在2d平面上画8的方法

效果如下：实现这样通过圆画实现这样一个8的形状，首先我们要会画圆。我们可以通过角度转成弧度：radian = angle/180 * Math.PI;再通过弧度获取当前的点的位置，这样最基础的圆的位...

2020-05-27

268浏览

0评论

使用Angular 6创建各种动画效果的方法

就技术角度而言，动画可以被定义为从初始状态到最终状态的转换过程。如今它已是各种Web应用不可或缺的组成部分。通过动画，我们不仅能创建出各种酷炫的UI，同时它们也能增加应用...

2020-05-27

51浏览

0评论

15个顶级开源JavaScript框架和库

JavaScript这种语言得到了许多技术领袖的支持，其中一位是WordPress的创始人马特·马伦韦格，他暗示WordPress开发人员应该学习它，清楚地向WordPress社区传递关于它未来重要性的...

2020-05-27

118浏览

0评论

Vue 重置组件到初始状态的方法示例

Vue通过直接强制刷新 DOM 来达到重置组件的效果，这样可以重置一些组件的动画以及组件内初始的数据
强制重新生成 DOM 的实现
原理：强制重新生成 DOM 可以通过 Vue 中的 key 来...

2020-05-27

68浏览

0评论

在React项目中使用Eslint代码检查工具及常见问题

背景
最近使用 create-react-app 创建了一个项目。但是众所周知的是，这个脚手架创建的项目并没有默认加入 Eslint 等 lint 插件来规范代码。
考虑到项目中很多项目没有使用类...

2020-05-27

44浏览

0评论

js实现同一个页面,多个enter事件绑定的示例

困得不行了，脑袋转不动了，大家直接拿代码用吧。。。document.onkeydown = function(e) { var ev = (typeof event!= 'undefined') ? window.event : e; if(ev.keyCode ==...

2020-05-27

296浏览

0评论

解决eclipse中没有js代码提示的问题

自学js，发现eclipse中不管js文件、html文件、jsp文件没有都没js代码的提示，对于js代码也不报错，有时候就因为单词敲错却查了很久没查出来，很烦很难受。在网上找了很多方法，都没有...

2020-05-27

热门文章