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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue发送ajax请求详解

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

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

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

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

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

Angular4 Select选择改变事件的方法

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

vue router 源码概览案例分析

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

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

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

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

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

angular4强制刷新视图的方法

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

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

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

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

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

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

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

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

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

vue axios 简单封装以及思考

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

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

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

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

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

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

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

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

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

Koa代理Http请求的示例代码

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

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

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

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

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

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

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

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

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

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

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

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

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

15个顶级开源JavaScript框架和库

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

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

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

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

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

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

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

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

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

轻量级富文本编辑器wangEditor结合vue使用方法示例

1、安装
使用npm下载: `npm install wangeditor`
2、 创建实例
(1)基本用法:<template> <div> <div id="editor" class="editor"></div> </div></template><script>import...

Egg.js 中 AJax 上传文件获取参数的方法

依赖formidable代码前端<fieldset style="margin: 20px; padding: 20px;"> <legend>单文件,Ajax</legend> <form id="form3"> <div> <input type="text" id="customName"...

js实现前面自动补全位数的方法

例如我们希望输出的数字长度是固定的,假设为10,如果数字为123,则输出0000000123,不够位数就在之前补足0,这里提供了四种不同的方式实现JS代码给数字补0 的操作第一种function Pre...

JS原生带缩略图的图片切换效果

本例中用到的 moveElement(elementID,final_x,final_y,interval)是来自《JavaScript DOM编程艺术(中文第二版)》一书第10章中有一段代码。(可以直接baidu)左边是banner图,右边是...

angular6的响应式表单的实现

1:在AppModule模块里面引入 ReactiveFormsModule要使用响应式表单,就要从@angular/forms包中导入ReactiveFormsModule,并把它添加到你的NgModule的imports数组中。import { Rea...

nodejs初始化init的示例代码

打开cmd创建即可$ npm init Package name: (hello) //模块名字,npm init会自动取当前目录名作为默认名字,这里不需要改,直接确认即可 Description: A example for write a modu...

nodejs中用npm初始化来创建package.json的实例讲解

1.先正确的安装nodejs这个软件,自己去百度一下,安装很简单2.然后在安装的NodeJS目录下打开cmd,在里面输入命令npm init,会得到如下图所示:3.按提示,一步步来完成项目文件的配置,...

详解Node.js读写中文内容文件操作

由于Node.js仅支持如下编码:utf8, ucs2, ascii, binary, base64, hex,并不支持中文GBK或GB2312之类的编码,
因此如果要读写GBK或GB2312格式的文件的中文内容,必须要用额外的模块...

返回顶部
顶部