浅谈angularJS的$watch失效问题的解决方案

本文介绍了浅谈angularJS的$watch失效问题的解决方案,分享给大家,顺便给自己留个笔记$watch方法,它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变...

vue表单绑定实现多选框和下拉列表的实例

在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现:<label>测试多选渲染:</label><div> <template v-for="item in chks"> <...

JavaScript实现图片切换效果

本文实例为大家分享了JavaScript实现图片切换效果,自定义属性的应用 供大家参考,具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>图片切换...

vue实现移动端图片裁剪上传功能

本文实例为大家分享了vue移动端图片裁剪上传的具体代码,供大家参考,具体内容如下1.安装cropperjs依赖库npm install cropperjs2.编写组件SimpleCropper.vue<template> <div c...

理解nodejs的stream和pipe机制的原理和实现

前言前几天别人请教我关于pipe的问题,我发现我虽然用了nodejs很久,但是由于每次用的不多所以经常回避stream的使用,导致一直不熟,现在重新学习整理一下相关知识。通过nodeschool...

Node.js pipe实现源码解析

从前面两篇文章,我们了解到。想要把 Readable 的数据写到 Writable,就必须先手动的将数据读入内存,然后写入 Writable。换句话说,每次传递数据时,都需要写如下的模板代码readable...

nodejs动态创建二维码的方法

本文实例为大家分享了nodejs动态创建二维码的具体代码,供大家参考,具体内容如下<!--弹出二维码--><div class="qrcode"> <div> <p id="saoma">扫描二维码</p> </div></di...

浅谈angular2 组件的生命周期钩子

本文介绍了浅谈angular2 组件的生命周期钩子,分享给大家,具体如下:
按照生命周期执行的先后顺序,Angular生命周期接口如下所示 名称 时机...

js模块加载方式浅析

简介: 前端模块化开发日渐鼎盛,如何将零散的插件或者是普通的js脚本文件统一管理及引用,是众多开发者共同的目标。本人是从事.net开发的,最近对前端的一些东西特别的感兴趣,也会...

详解Vue-Cli 异步加载数据的一些注意点

刚开始学vue的时候没有使用脚手架,现在用脚手架写法有点不同,今天遇到的问题是使用豆瓣api异步加载数据的时候,会一直在命令行上报错,基本上错误都是xxx 未定义。例子
<template...

浅谈关于angularJs中使用$.ajax的注意点

本文介绍了关于angularJs中使用$.ajax的注意点,分享给大家,具体如下
从技术上来讲,angular 与 jquery混用,是一件不太合适的,但是为什么这个话题争论至今依旧仁者见仁智者见智,
除...

vuejs+element-ui+laravel5.4上传文件的示例代码

前言
之前的文章讲得太多安装了,今天就不说这个了,因为我的项目是前后端分离的,所以基本是分开执行代码逻辑。其中还有跨域问题,主要还是在laravel中添加头信息放行之类的,这里会...

react开发教程之React 组件之间的通信方式

这两天学习了React感觉组件通信这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。
父子组件通讯
通讯手段
这是最常见的通信方式,父组件只需要将子组件需要的props传...

Vue-Cli中自定义过滤器的实现代码

本文主要介绍了Vue-Cli中自定义过滤器,分享给大家,也给自己做个笔记
vue2里面移除了内置过滤器,所有过滤器都需要自己定义。以下例子是使用webpack模版自定义一个日期格式过滤...

使用D3.js制作图表详解

D3是用于数据可视化的Javascript库。使用SVG,Canvas和HTML。结合强大的可视化技术和数据驱动的DOM操作方法。D3与JQuery的区别 D3是数据驱动的,JQuery不是:我们使用JQuery直接...

AngularJS 购物车全选/取消全选功能的实现方法

刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有:1、勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定;2、选中列表中...

使用yeoman构建angular应用的方法

本文将介绍如何亲手来完成一个yeoman的generator,以实现快速构建最适合自己的项目。
本文将实现的generator起名为ngtimo,依照yeoman的命名规矩就叫做generator-ngtimo,是笔者...

js数字滑动时钟的简单实现(示例讲解)

废话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body,ul{margin:0;padding:...

js异步编程小技巧详解

异步回调是js的一大特性,理解好用好这个特性可以写出很高质量的代码。分享一些实际用的一些异步编程技巧。1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续...

jQuery 实时保存页面动态添加的数据的示例

本文介绍了jQuery 实时保存页面动态添加的数据的示例,分享给大家,具体如下:需求:用户填写的东西,必须要实时保存分析:监听用户操作事件,如:change、keyup 等,向后端发送请求实际情况:...

利用纯JS实现像素逐渐显示的方法示例

前言对于新手的我,以前从来没有做过对像素进行操作的实例。于是把资料书找了出来,实现了这个功能,比较简单,大神勿喷。下面是效果图,因为重在思路,效果就简陋一些。实现思路其实就...

一个Js文件函数中调用另一个Js文件函数的方法演示

我们知道,在html中,利用<script language="javascript" type="text/javascript" src="./script.js"></script>引入的两个js是不可以相互调用的。那么该如何解决呢?当然,你可以将...

JavaScript中的return布尔值的用法和原理解析

首先return作为返回关键字,他有以下两种返回方式1.返回控制与函数结果语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果2.返回控制无函数...

Vue.js如何实现路由懒加载浅析

前言懒加载也就是延迟加载,不知道大家在工作中有没有发现,当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascript包会变得非常大,以至于严重影响页面的加载时间。幸运的是:vue...

一篇文章让你彻底弄懂JS的事件冒泡和事件捕获

在学校,听老师讲解事件冒泡和事件捕获机制的时候跟听天书一样,只依稀记得IE使用的是事件冒泡,其他浏览器则是事件捕获。当时的我,把它当成IE浏览器兼容问题,所以没有深究(IE8以下...

关于Vue Webpack2单元测试示例详解

前言最近发现一个问题,vue-cli 提供的官方模板确实好用。但一直用下来手贱毛病又犯了,像穿了别人的内衣,总感觉不舒服。所以有机会就瞎倒腾了一遍,总算把各个流程摸了一把。这里...

通过V8源码看一个关于JS数组排序的诡异问题

前言前几天一个朋友在微信里面问我一个关于 JS 数组排序的问题。通过该问题发现了一些之前没发现的内容,下面话不多少了,来一起看看详细的介绍吧。原始数组如下:var data = [ {...

jQuery:unbind方法的使用详解

jQuery:unbind方法的使用详解一、前言unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如:$(‘a').click(function(){})可以通过unbind解绑。用...

JavaScript变量类型以及变量作用域详解

变量类型ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型。基本类型基本类型指的是简单的数据段,5种基本数据类型:undefined、null、boolean、number、string,...

关于在mongoose中填充外键的方法详解

本文主要给大家介绍的是关于mongoose中填充外键的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍:MongoDBMongoDB是典型的NoSQL数据库,因此不提供JOIN操...

jQuery 中msgTips 顶部弹窗效果实现代码

最近发现好多网站都采用顶部弹窗,并且不用用户手动去点击确定。感觉这样很方便用户,所以也找了好多大神的代码,整理一下方便以后查找前端:@{ Layout = null;}<!DOCTYPE HTML PU...

JS原生数据双向绑定实现代码

代码如下:<span style="font-family:Times New Roman;font-size:14px;" deep="7"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title...

react.js使用webpack搭配环境的入门教程

本文介绍了react.js使用webpack搭配环境的入门教程,分享给大家,也给自己做个笔记如果你想直接上手开发,而跳过这些搭配环境的繁琐过程,推荐你使用官方的create-react-app命令npm...

带你了解session和cookie作用原理区别和用法

Cookie概念 在浏览某些 网站时,这些网站会把一些数据存在客户端,用于使用网站等跟踪用户,实现用户自定义功能.是否设置过期时间: 如果不设置 过期时间,则表示这个...

JavaScript实现的搜索及高亮显示功能示例

本文实例讲述了JavaScript实现的搜索及高亮显示功能。分享给大家供大家参考,具体如下:情景: 用来筛选列表中的数据, 由于单条数据很简短, 没有用php+mysql去实现筛选功能, 只...

JavaScript实现动态添加Form表单元素的方法示例

本文实例讲述了JavaScript实现动态添加Form表单元素的方法。分享给大家供大家参考,具体如下:之前写过类似的文章(如:javascript实现的动态添加表单元素input,button等),现在看来...

JS如何实现在页面上快速定位(锚点跳转问题)

本文介绍了JS如何实现在页面上快速定位(锚点跳转问题),分享给大家,具体如下:
1. 锚点跳转简介锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。
锚点...

JS传播事件、取消事件默认行为、阻止事件传播详解

1.事件处理程序的返回值 通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器...

JS获取子、父、兄节点方法小结

我们在实际的开发中,经常要获取页面中某个html元素,动态更新元素的样式、内容属性等。 我们已经知道在JavaScript中提供下面的方法获取子、父、兄节点的方法:  常规通过父节...

带你快速理解javascript中的事件模型

javascript中有两种事件模型:DOM0,DOM2。而对于这两种的时间模型,我一直不是非常的清楚,现在通过网上查阅资料终于明白了一些。  一. DOM0级事件模型  DOM0级事件模型是早...

Vue+Element使用富文本编辑器的示例代码

富文本编辑器在任何项目中都会用到,在Element中我们推荐vue-quill-editor组件,现在我就把它提供给大家,希望对大家有用。具体截图如下:
安装编辑器组件具体方法:npm install vue-...

jQuery实现手势解锁密码特效

本文实例为大家分享了jQuery实现手势解锁密码的具体代码,供大家参考,具体内容如下效果预览图:验证成功:(可以进行页面挑战等...)验证失败: HTML:<div id="gesturepwd" style="positi...

vue2.0项目中使用Ueditor富文本编辑器示例代码

&#65279;最近在vue项目中需要使用富文本编辑器,于是将Ueditor集成进来,作为公共组件。
项目地址:https://github.com/suweiteng/vue2-management-platform 1.放入静态资源并配...

vue教程之toast弹框全局调用示例详解

本文实例为大家分享了vue toast弹框全局调用示例,供大家参考,具体内容如下1.首选新建一个toast.vue模板文件: <template> <transition :name="fadeIn"> <div class="alertBox...

javaScript封装的各种写法

在javascript的世界里,写法是个神奇的现象,真是百家齐开放啊!每次看到老外写的js组件,思想和写法都怪异,就没看到一个js结构基本相同的代码出来。今天,我就来谈谈js写法,我在开发过...

详解升级react-router 4 踩坑指南

一.前言上午把近日用React做的一个新闻项目所依赖的包升级到了最新的版本,其中从react-router(2.8.1)升级到react-router(4.1.2)中出现了很多问题, 故总结一下在升级过程中...

jQuery选择器特殊字符与属性空格问题

一、选择器中含有特殊符号的注意事项 1.选择器中含有“.”、“#”、“(”或“]”等特殊字符
根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达...

js单页hash路由原理与应用实战详解

本文主要介绍了js单页hash路由原理与应用实战详解,分享给大家,具体如下:什么是路由?通俗点说,就是不同的URL显示不同的内容什么是单页应用&#63;单页,英文缩写为SPA( Single Page A...

jQuery绑定事件方法及区别(bind,click,on,live,one)

第一种方式:$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式(简写方式为第一种):$('#clickmebind').bind("click",...

JavaScript监听手机物理返回键的两种解决方法

JavaScript没有监听物理返回键的API,所以只能使用 popstate 事件监听。有两个解决办法:1、返回到指定的页面 pushHistory(); window.addEventListener("popstate", fu...

返回顶部
顶部