解析Vue 2.5的Diff算法

DOM“天生就慢”,所以前端各大框架都提供了对DOM操作进行优化的办法,Angular中的是脏值检查,React首先提出了Virtual Dom,Vue2.0也加入了Virtual Dom,与React类似。本文将对于Vue...

JavaScript的setter与getter方法

以前在写项目过程一直都没有使用过Javascript的setter与getter方法,所以对其是一种要懂不懂的概念;今天看书看到这个知识点,还是模模糊糊的,于是就打算研究研究;Javascript对象的...

bootstrap响应式工具使用详解

本文实例为大家分享了bootstrap响应式工具的具体代码,供大家参考,具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>响应式工具</title>...

angularjs实现时间轴效果的示例代码

一 引入包引入angular-timeline包。
下载地址:angular-timeline.zip在index.html中引入<link href="lib/angular-timeline/dist/angular-timeline.css" rel="external nofoll...

jquery animate动画持续运动的实例

如下所示:function fingers(){ $(".box01 .fingers").animate({"width":"7.5rem","marginLeft":"-3.75rem"},500,function(){ $(".box01 .fingers").animate({"width":"6.8...

jQuery图片加载失败替换默认图片方法汇总

本文主要讨论页面中图片加载失败后替换默认图片的几种方式重点来了:一定要记住error事件不冒泡。相关的知识点:jquery的ready方法、$("img").error()、img的complete属性、插...

ReactNative 之FlatList使用及踩坑封装总结

在RN中FlatList是一个高性能的列表组件,它是ListView组件的升级版,性能方面有了很大的提升,当然也就建议大家在实现列表功能时使用FlatList,尽量不要使用ListView,更不要使用Scr...

ReactNative之FlatList的具体使用方法

之前使用的组件是ListView,当时要添加一个下拉刷新,上拉加载的功能,所以对ListView做了一些封装,但是后来看官方文档,不建议再使用ListView,因为效率问题,做过Android的朋友都知道,A...

关于 angularJS的一些用法

AngularJS
事件指令:ng-click/dblclickng-mousedown/upng-mouseenter/leaveng-mousemove/over/outng-keydown/up/pressng-focus/blurng-submit和ng-click一样,都是给dom绑定事...

vue.js项目中实用的小技巧汇总

前言Vue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已...

Vue2.0用户权限控制解决方案

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。安...

node.js中axios使用心得总结

Axios是一个基于Promise的 HTTP 库,可以用在浏览器和node.js 中,因为尤大大的推荐,axios也变得越来越流行。最近项目中使用axios也遇到了一些问题,就借此机会总结一下,如有错误,还...

Angular4的输入属性与输出属性实例详解

本文实例讲述了Angular4的输入属性与输出属性。分享给大家供大家参考,具体如下:Angular4输入属性输入属性通常用于父组件向子组件传递信息举个栗子:我们在父组件向子组件传递股...

node.js支持多用户web终端实现及安全方案

terminal(命令行)作为本地IDE普遍拥有的功能,对项目的git操作以及文件操作有着非常强大的支持。对于WebIDE,在没有web伪终端的情况下,仅仅提供封装的命令行接口是完全不能满足开...

Angular2管道Pipe及自定义管道格式数据用法实例分析

本文实例讲述了Angular2管道Pipe及自定义管道格式数据用法。分享给大家供大家参考,具体如下:管道(Pipe)可以根据开发者的意愿将数据格式化,还可以多个管道串联。纯管道(Pure Pi...

JS组件系列之Gojs组件 前端图形化插件之利器

前言:之前分享过两篇关于流程画图的前端组件,使用的jsPlumb。这个组件本身还不错,使用方便、入门简单、轻量级,但是使用一段时间下来,发现一些弊病,比如组件不太稳定,初始进入页面...

详解angularjs实现echart图表效果最简洁教程

本文介绍了详解angularjs实现echart图表效果最简洁教程,分享给大家,具体如下:ehcart是百度做的数据图表,基于原生js。接口和配置都写的很好很易读,还可以用于商用。一 echart包引...

微信小程序使用modal组件弹出对话框功能示例

本文实例讲述了微信小程序使用modal组件弹出对话框功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码①、index.wxml<view>提示:{{tip}}</view><button type="defau...

微信小程序实现动态设置页面标题的方法【附源码下载】

本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考,具体如下:1、效果展示2、关键代码① WXML文件<button bindtap="setBiaoTi1">标题1</button><but...

纯js实现隔行变色效果

本文实例为大家分享了js实现隔行变色的具体代码,供大家参考,具体内容如下<script type="text/javascript"> function createTable(){ //创建表格 var table = document.crea...

easyui下拉框动态级联加载的示例代码

easyui的下拉框动态加载数据,高校中要根据首先查询所有学院,然后根据学院动态加载课程。下面看如何实现。
1.界面效果
2. html + js代码
<span>学院名称:</span> <input class=...

3种vue组件的书写形式

本文实例为大家分享了vue组件的书写形式,供大家参考,具体内容如下第一种使用script标签<!DOCTYPE html><html> <body> <div id="app"> <my-component></my-component...

写给小白看的JavaScript异步

某天突然写了个方法要从后台调用数据,显示在前台页面,但是输出结果总是空undefined,得不到数据。多方找资料才发现,原来是入了JS异步的“坑”。我们常常听到单线程、多线程、同...

jQuery zTree 异步加载添加子节点重复问题

zTree 简介 zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree 是开源免费的软件(MIT 许可证)。如...

微信小程序中吸底按钮适配iPhone X方案

随着第二三批iPhone X的陆续到货,身边的土豪们纷纷用了起来,因为iPhone X的齐刘海导致的适配问题很多,所以这群土豪更沉浸在各种找bug中,不出所料,豌豆公主小程序在一些地方也出...

html中通过JS获取JSON数据并加载的方法

在写内容逻辑重复性的页面时,用json数据可以显著提高编程效率,并且便于后期的数据维护。因此,在视频专题页面,需要展示多列视频数据,我选择了用json。HTML如下(只展示重点部分,需要...

微信小程序实现添加手机联系人功能示例

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下:1、效果展示 2、关键代码1)WXML文件<view bindlongtap="phoneNumTap">{{phoneNum}}</view>2...

完美解决手机浏览器顶部下拉出现网页源或刷新的问题

问题如下图所示:一般处理此类问题都会有一个属性:”event.preventDefault()”,但是如果直接使用会导致页面的内部滚动也失效导致不能滚动,我所处理的方式也与其类似。因为滑动区...

vue的状态管理模式vuex

vuex是一个专门为vue.js设计的状态管理模式,并且也可以使用devtools进行调试。备注:本文的示例等代码将会采用es6的语法。
链接 vuex官方中文网站 使用vue和vuex实现的简易...

VueJs使用Amaze ui调整列表和内容页面

制作左侧菜单一个后台管理系统,大致的样式都是分为南北东西的,而西(也就是左侧)一般是我们的菜单。如图:我们今天就来把我们的项目完成到如上图的样式,首先我们来制作左侧的菜单,在...

微信小程序简单实现form表单获取输入数据功能示例

本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml<form bindsubmit="formBindsubmit" bindrese...

实例教学如何写vue插件

在学习之前,先问问自己,为什么要编写vue的插件。在一个项目中,尤其是大型项目,有很多部分需要复用,比如加载的loading动画,弹出框。如果一个一个的引用也稍显麻烦,而且在一个vue文...

windows下更新npm和node的方法

公司的新项目要启动了,需要使用 Angular 4.0,并且使用 webpack 工具进行打包。所以就需要安装 node。node 的安装很简单,在 node 的官网 nodejs.org 去下载 msi 安装包,目前 nod...

微信小程序支付及退款流程详解

首先说明一下,微信小程序支付的主要逻辑集中在后端,前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在后端使用的是php,当然在这篇博客里...

微信小程序实战篇之购物车的实现代码示例

哈喽,大家好,快半个月没写了,现在提笔都有点生硬了,一直没更新的原因,一个是代码君也要上班,加上最近工作比较忙,还有就是写文章一直未被认可,所以没什么动力再创作了,那时真的坚持不...

微信小程序实现获取自己所处位置的经纬度坐标功能示例

本文实例讲述了微信小程序实现获取自己所处位置的经纬度坐标功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml布局文件代码<view>纬度:{{latitude}}</vi...

微信小程序实现简单input正则表达式验证功能示例

本文实例讲述了微信小程序实现简单input正则表达式验证功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml文件<input placeholder="输入内容" bindinput...

Bootstrap Table 搜索框和查询功能

1..知识点bootstrapTable 刷新和查询配置2.提升js代码性能1.减少全局变量声明2.缓存dom节点查找结果3.局部变量缓存全局变量 /** * @param col bootstrapTable列表生成配置...

Vue+Vux项目实践完整代码

提供完整的路由,services`````````````
-------------------------------------------------------------------------------------------------------------------------...

vue2.x+webpack快速搭建前端项目框架详解

一、本文将分享如何快速搭起基于webpack+vue的前端项目框架,利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置,再通过npm包管理工具引入相应的依赖来完善项目的各种依赖...

vue 添加vux的代码讲解

简介Vux(读音 [v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeU...

JS和JQuery实现雪花飘落效果

很多朋友在做特效网页的时候需要用到雪花飘落的效果,我们这里给大家整理了分别用JS还有JQuery两种代码实现这个效果的方式。
我们先来看一下需要实现的雪花效果:这次实现的雪...

vue组件发布到npm简单步骤

1.0 新建项目
1.1 初始化项目
输入npm init,之后需要填什么就写什么新建src目录,并在src目录下新建alert.vue$ npm init$ mkdir src$ cd src$ touch alert.vue最后的目录结构1...

javascript修改浏览器title方法 JS动态修改浏览器标题

title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0]...

利用jquery如何从json中读取数据追加到html中

JSON 格式
json 是 Ajax 中使用频率最高的数据格式,在浏览器和服务器中之间的通讯可离不开它。JSON 格式说明需要特别注意的是,在 JSON 中的属性名是需要使用引号引起来的。1....

PHP自动加载autoload和命名空间的应用小结

先给大家说下什么是命名空间。“什么是命名空间?从广义上来说,命名空间是一种封装事物的方法。在很多地方都可以见到这种抽象概念。例如,在操作系统中目录用来将相关文件分组,对...

微信小程序表单验证功能完整实例

本文实例讲述了微信小程序表单验证功能。分享给大家供大家参考,具体如下:Wxml<form bindsubmit="formSubmit" bindreset="formReset"> <input name="name" class="{{whoClass=...

JS实现的ajax和同源策略(实例讲解)

一、回顾jQuery实现的ajax首先说一下ajax的优缺点优点:AJAX使用Javascript技术向服务器发送异步请求;AJAX无须刷新整个页面;因为服务器响应内容不再是整个页面,而是页面中的局部...

浅谈angular4实际项目搭建总结

前言接到一个pc端后台项目,还会加入两个安卓同事一起学习和做这个项目,需要带一下他们。 既ng1之后,我就没怎么有过其它后台框架的实际项目经验了,期间用的移动端框架也并非vue...

原生JS实现ajax与ajax的跨域请求实例

一、原生JS实现ajax第一步获得XMLHttpRequest对象第二步:设置状态监听函数第三步:open一个连接,true是异步请求第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送...

返回顶部
顶部