浅谈Angular4实现热加载开发旅程
本文介绍了Angular4实现热加载开发，分享给大家，具体如下：
安装插件
npm install @angularclass/hmr -D配置插件
// main.tsif (environment.production) { enableProdMode();}...
2020-05-27
javascript将list转换成树状结构的实例
如下所示：/** * 将list装换成tree * @param {Object} myId 数据主键id * @param {Object} pId 数据关联的父级id * @param {Object} list list集合 */ function...
2020-05-27
Vue.js移动端左滑删除组件的实现代码
左滑删除在移动端很常见。下面我们一起来封装一下这个简单的小组件。我们想要是： 当滑块没有超过删除按钮的一半时自动回到起点位置。 滑动距离超过一半滑动到最大值（删除按...
2020-05-27
JavaScript实现图片拖曳效果
本文实例为大家分享了js实现图片拖曳效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>...
2020-05-27
Vue 多层组件嵌套二种实现方式(测试实例)
最近在研究vue组件的学习，给自己留个笔记，也分享给大家，希望能对大家有所帮助
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例-组件嵌套二种方式</t...
2020-05-27
通过button将form表单的数据提交到action层的实例
form表单中不需要写action的路径，需要给form表单一个唯一的id，将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性"。给button按钮添加一个onclick()...
2020-05-27
jQuery选择器中的特殊符号处理方法
一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，因为根据W3C规定，HTML文档中属性的值是不能包含有这些个特殊字符的，但是在实际应用中，偶...
2020-05-27
vue父子组件的嵌套的示例代码
本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：
组件的注册：先创建一个构造器
var myComponent = Vue.extend({ template: '...'})用Vue.component注册，将构造器...
2020-05-27
关于Ajax的原理以及代码封装详解
前言其实AJAX内部实现并不麻烦，主要通过一个叫XMLHttpRequest的对象，而这个对象在现有的浏览器均被支持。可以说，它是整个AJAX实现的基础，是浏览器用于后台与服务器交换数据的对...
2020-05-27
Vue仿手机qq的实例代码(demo)
vue简介Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现...
2020-05-27
浅谈React Native 中组件的生命周期
概述就像 Android 开发中的 View 一样，React Native（RN） 中的组件也有生命周期（Lifecycle）。所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发...
2020-05-27
JavaScript实现开关等效果
废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>开关灯</title> <style type="text/css"> html, body { m...
2020-05-27
详解jquery插件jquery.viewport.js学习使用方法
介绍
Viewport 是一个简单的jQuery插件，为元素添加自定义伪选择器和处理程序，以便在可视窗口内外进行简单的元素检测。使用方法
<script src="jquery.js" type="text/...
2020-05-27
Vue中组件之间数据的传递的示例代码
Vue中组件的作用域是隔离的，父组件中的数值子组件看不到！也就是说，用angular作比喻，组件的scope天生是scope:()的！
如果父组件需要往子组件中传数据，此时应该使用标签属性：<div id=...
2020-05-27
nodejs对express中next函数的一些理解
最近公司在使用node做前后端分离，采用的web框架是express，所以对express框架进行了深入的了解，前段时间写了篇关于express路由的文章，但是在那篇文章中貌似少了一个很重要的内容...
2020-05-27
Express + Session 实现登录验证功能
1. 写在前面当我们登录了一个网站，在没有退出登录的情况下，我们关闭了这个网站 ，过一段时间，再次打开这个网站，依然还会是登录状态。这是因为，当我们登录了一个网站，服务器会保存我...
2020-05-27
详解vue2 $watch要注意的问题
使用$watch监听的时候，监听的数据是一个对象的时候，要注意几点：
监听组件内某个对象里面的某项属性时，不要监听对象，直接监听对象里面的属性（深度监听），只有直接监听这个对象里面的...
2020-05-27
Vue2.0用 watch 观察 prop 变化(不触发)
本文介绍了Vue2.0用 watch 观察 prop 变化(不触发)，分享给大家，具体如下：
A 组件：export default { props:{ name:{ type:String } }, data () { return { author: "Jinkey" }...
2020-05-27
js实现音乐播放控制条
前言html5中提供audio标签, 该标签实现音频的播放，之前就一直对于音频以及视频播放比较感兴趣，一直想要自己实现一个音频和视频播放的模块，这也是本文章撰写的初衷，最近花了些时...
2020-05-27
React-Native中禁用Navigator手势返回的示例代码
在React-Native开发中，经常会用到导航。导航做什么用的呢，简单点说就是页面跳转。
个项目中，肯定有很多的页面要跳来跳去的，RN就给我们提供了Navigator组件，可以很好的管理页面的...
2020-05-27
微信通过页面(H5)直接打开本地app的解决方法
简述微信中通过页面直接打开app分为安卓版和IOS版，两个的实现方式是完全不同的。安卓版实现：使用腾讯的应用宝，只要配置了“微下载”之后，打开链接腾讯会帮你判断本地是否已经安...
2020-05-27
jQuery事件对象的属性和方法详解
jQuery事件对象的属性和方法，供大家参考，具体内容如下
事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别event.type：获取事件的类型触发元素...
2020-05-27
深入理解ES7的async/await的用法
在最开始学习ES6的Promise时，曾写过一篇博文 《promise和co搭配生成器函数方式解决js代码异步流程的比较》 ，文章中对比了使用Promise和co模块搭配生成器函数解决js异步的异同...
2020-05-27
使用JS动态显示文本
本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下index.html：<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8" > <title>页面（HTM...
2020-05-27
Vue2几种常见开局方式详解
在SF问题中看到了一个关于vue-cli中的template问题，问题是这样的：
用vue-cli工具生成的main.js中：import Vue from 'vue'import App from './App'import router from './router...
2020-05-27
weex里Vuex state使用storage持久化详解
在weex里使用Vuex作为state管理工具，问题来了，如何使得state可以持久化呢？weex官方提供store模块，因此我们可以尝试使用该模块来持久化state。先看下该模块介绍：storage...
2020-05-27
vue组件学习教程
在学习vue时，组件学习比较吃力，尤其是组件间的通信，所以总结一下，官方文档的组件部分。注册组件
全局组件
语法如下，组件模板需要使用一个根标签包裹起来。data必须是一个方法Vue...
2020-05-27
浅谈Express异步进化史
1、导言在 Javascript 的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。Express 是 node 环境中非常流行的Web服务端框架，有很大比例的...
2020-05-27
关于vue-router的beforeEach无限循环的问题解决
最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题
代码如下：router.beforeEach((to, from, next) => { i...
2020-05-27
Angular4学习笔记之根模块与Ng模块
根模块 (root module)每个应用都至少有一个根模块用来引导并运行应用。根模块通常命名为 AppModule。示例 src/app/app.module.tsimport { NgModule } from '@angular/cor...
2020-05-27
JS获取字符对应的ASCII码实例
有时候会需要用到字符的ASCII码，一时之间调试时可能会忘记字符与ASCII码对应的数字。最近喜欢用浏览器控制台直接跑JS代码，将这个代码直接贴到浏览器控制台，即可调试（谷歌浏览器...
2020-05-27
基于AngularJS的简单使用详解
Angular Js 的初步认识和使用一：1.模块化定义模块和控制器 ng-app="myapp" controller="myctrl"指定模型 ng-model=""获取的属性值: ng-bind="属性名"或者{{属性名}}2.初始化...
2020-05-27
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用web...
2020-05-27
基于node.js的fs核心模块读写文件操作(实例讲解)
node.js 里fs模块
常用的功能实现文件的读写 目录的操作- 同步和异步共存 ，有异步不用同步- fs.readFile 都不能读取比运行内存大的文件，如果文件偏大也不会使用readFile方法-...
2020-05-27
node.js 发布订阅模式的实例
实例如下：//导入内置模块let EventEmitter = require('events');let util=require('util');//Man继承EventEmitterutil.inherits(Man,EventEmitter); //创建一个函数function...
2020-05-27
js 发布订阅模式的实例讲解
废话不多说，直接上代码//发布订阅模式class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( this._events[ev...
2020-05-27
cocos creator Touch事件应用(触控选择多个子节点的实例)
最近参与了cocos creator的研究，开发小游戏，结果被一个事件坑得不行不行的。现在终于解决了，分享给大家。原理1.触控事件是针对节点的2.触控事件的冒泡，是直接关系冒泡，父子可以，...
2020-05-27
vue系列之动态路由详解【原创】
开题最近用vue来构建了一个小项目，由于项目是以iframe的形式嵌套在别的项目中的，所以对于登录的验证就比较的麻烦，索性后端大佬们基于现在的问题提出了解决的方案，在看到他们的...
2020-05-27
原生JS实现移动端web轮播图详解（结合Tween算法造轮子）
前言相信大家应该都知道，移动端的轮播图是我们比较常见的需求, 我们最快的实现方式往往是 使用第三方的代码, 例如 swiper , 但当遇到一些比较复杂的轮播图需求时, 往往是束...
2020-05-27
利用纯js + transition动画实现移动端web轮播图详解
前言在上一篇文章中,我们使用 tween算法实现了 ease-out移动效果, 其实更简洁的方法是使用 css3的 transition动画，下面话不多说了，来一起看看详细的介绍吧。核心点:
在 我们...
2020-05-27
利用JQuery操作iframe父页面、子页面的元素和方法汇总
前言iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多...
2020-05-27
基于bootstrop常用类总结(推荐)
bootstrap前端开发工具栅格系统版心 .container栅格布局 (一行分为12格，响应式布局).row
.col-md-12
.col-sm-12
.col-xs-12<div class="row"><div class="col-md-4"></div><...
2020-05-27
在原生不支持的旧环境中添加兼容的Object.keys实现方法
如下所示：if (!Object.keys) { Object.keys = (function () { var hasOwnProperty = Object.prototype.hasOwnProperty, //原型上的方法，只取自身有的属性； hasDontEnumBug...
2020-05-27
基于DOM节点删除之empty和remove的区别(详解)
要移除页面上节点是开发者常见的操作，jQuery提供了几种不同的方法用来处理这个问题，这里我们开仔细了解下empty和remove方法empty 顾名思义，清空方法，但是与删除又有点不一样，因...
2020-05-27
详解Vue双向数据绑定原理解析
基本原理Vue.采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter和getter，数据变动时发布消息给订阅者，触发相应函数的回调。思路整...
2020-05-27
简单谈谈JS中的正则表达式
1、正则表达式包括两部分①定义正则表达式的规则；②正则表达式的模式(i/g/m)；
2、声明正则表达式① 字面量声明： var reg = /表达式规则/表达式模式；
eg：var reg = /white/g；...
2020-05-27
node.js 核心http模块,起一个服务器,返回一个页面的实例
如下所示：let http=require("http"); //引入核心http模块let fs=require("fs");let mime={ '.js':'application/javascript', '.css':'text/css'}//创建一个函数，req代表客户...
2020-05-27
Node.js 使用流实现读写同步边读边写功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：//10个数 10个字节，每次读4b,写1blet fs=require("fs");function pipe(source,target) { //先创建可读流，再创建可写流 //...
2020-05-27
checkbox:click事件触发span元素内容改变的方法
示例如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>checkbox</title> <script src="jquery.js"></script></head><body><p>我想去<span id="...
2020-05-27
node.js 利用流实现读写同步,边读边写的方法
如下所示：//10个数 10个字节，每次读4b,写1blet fs=require("fs");function pipe(source,target) { //先创建可读流，再创建可写流 //先读一次，rs.on(data) //将读到的类容写入...
2020-05-27
