VisYang's Studio.

Vue简单使用 Vue简单介绍 Vue.js 是一套构建用户界面的渐进式框架。它产生的主要目的是为了开发大型单页面应用。 它还支持组件化，也就是可以将页面封装成若干个组件，采用积木式进行编程，这样使页面复用性达到最高（支持组件化）。 MVVM框架设计结构 M:Model负责数据存储 V:View负责页面展示 VM:View Model负责业务逻辑处理，对数据处理后交给视图层展示 下载 $ npm install vue Vue官网 => 戳我！ 首先引入vue模块 1import Vue from 'vue' 创建Vue实例 123456789101112131...

点我看效果–>点击鼠标

webpack 介绍 webpack 下载 npm install webpack -g 全局安装webpack webpack官网=>戳我！ webpack是现代JavaScript应用程序的模块打包器，他会递归的构建一个依赖关系图，其中包括应用程序需要的每个模块，然后将这些模块打包成一个或多个 bundle 它是高度可配置的，但是在开始前需要先理解四个核心概念： 入口(entry) 所有的依赖项 输出(output) 打包后的结果 loader：webpack默认只能打包js,如果需要打包其他文件需要使用相应的loder 插件(plugins) 热启动等 webpack ...

同源&跨域同源同源策略是浏览器的一种安全策略(ajax 不允许跨域获取数据)，所谓同源是指，域名，协议，端口完全相同。 跨域1234567http://api.example.com/detail.html 不同源 域名不同https//www.example.com/detail.html   不同源 协议不同http://www.example.com:8080/detail.html 不同源 端口不同 http://api.example.com:8080/detail.html 不同源 域名、端口不同 https://api.example.com/detail.h...

因为http协议是无状态的，但是我们有记录状态的需求。而 cookie 和 session 就可以来解决这个问题。cookie 和 session 都可以记录客户端与服务器之间的通信状态,那么 cookie 和 session 有哪些联系呢？ cookie数据存放在客户的浏览器上，session数据放在服务器上 cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗,如果主要考虑到安全应当使用session session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能，如果主要考虑到减轻服务器性能方面，应当使用COOKIE 单个cooki...

Canvas canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。 体验Canvas什么是Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及...

简单介绍几个常用的表单插件： bootstrap-datepicker(时间插件) validate （表单验证插件） form-master （表单提交插件） uploadify(文件上传插件) jquery-region(省级联动插件) ckeditor(富文本工具) jcrop (图片裁切插件(基于jQuery)) echarts(图表插件) bootstrap-datepicker(时间插件)http://bootstrap-datepicker.readthedocs.io/en/latest/ 官网 引入123<link rel="stylesheet" hr...

构造函数、原型对象、对象实例三者之间的关系 构造函数有一个属性是prototype,prototype是原形对象-是一个对象它里面有一个constructor属性指向构造函数，prototype上所有成员都可以被实例对象所访问到，实例对象由构造函数产生，当你访问实例对象上的某个成员的时候，会先在自己身上找，若自己身上没有则（沿着proto）在原型对象prototype上查找； costructor是系统默认为构造函数提供的一个属性，它等价于构造函数本身，要注意的是–>如果重新赋值prototype则需要手动添加constructor:构造函数,否则，constructor属性...

1234567891011121314151617181920212223242526272829303132333435363738/*1. setTimeout*/ //setTimeout-->一次性定时器，想要控制动画则需要递归，每次运行完毕一次定时器后，再次运行 var box1 = document.querySelector('.box1'); var index1 = 0; var animate = function () { setTimeout(function () { index1 ...

当你的代码中以 “(“, “[“, or “`” 开头时，请一定要在之前加上”;”以免出现问题！ 代码风格： 无分号风格https://standardjs.com/readme-zhcn.html 有分号风格https://github.com/sivan/javascript-style-guide/blob/master/es5/README.md不用纠结，选择适合自己的规范的代码风格，当然，在团队协作时要以团队风格为准。