2017年10月_暮志未晚NAN

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 css3 可穿透的盒子标签属性 pointer-events

作用使用pointer-events来阻止元素成为鼠标事件目标不一定意味着元素上的事件侦听器永不会触发。如果元素后代明确指定了pointer-events属性并允许其成为鼠标事件的目标，那么指向该元素的任何事件在事件传播过程中都将通过父元素，并以适当的方式触发其上的事件侦听器。位于屏幕上在父元素上但不在后代元素上的鼠标活动都不会被父元素和后代元素捕获（将会穿过父元素而指向位于其下面的元素）。

2017-10-31 17:06:18 1767 1

原创 html5 input设置允许的文件类型上传

在html5里面设置input的accept属性即可。案例值允许图片类型可以上传<input type="file" name="pic" id="pic" accept="image/*" />只允许jpg格式的文件上传<input type="file" name="pic" id="pic" accept="image/jpeg" />允许jpg，png和gif格式的图片上传<in

2017-10-31 11:53:55 3487 1

原创 js 使用ajax进行文件上传并获取上传进度案例

效果由于我给进度添加了一个动画，所以会有零点几秒的延迟代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximu

2017-10-28 13:39:57 8215 1

原创 jquery序列化表单将form表单转换成对象serializeArray()和转换成字符串serialize()

serialize()定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 ps：最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式语法$(selector).serialize(

2017-10-16 11:10:55 3917 2

原创 js最简单的双向绑定案例代码

把代码复制放到页面里面运行看一下效果就好了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id="myinput" ><script> function watch(obj,key,cal

2017-10-13 16:57:08 685 1

原创使用github desktop隐藏文件和文件夹

需求使用github的时候，有些文件不能上传到项目中公开，但是还必须将此文件放在项目当中才可以运行，或者保存包文件上传太浪费时间比如node_modules文件夹，这时候我们就需要隐藏掉相关的文件和文件夹实现在github项目根目录创建一个.gitignore，然后在里面配置相关的参数就可以隐藏掉当前的文件或者文件夹参数注释方法被忽略的类型 *.a * 代表所有, 即忽略所有 .a

2017-10-13 14:22:47 4619

原创使用webpack构建本地服务器,实现自动刷新，并直接在手机上访问

前提使用webpack构建前端开发环境，可以直接使用webpack构建本地服务，实现页面保存自动刷新。模块安装首先安装webpack-dev-server模块npm install --save-dev webpack-dev-server安装完成后然后修改webpack.config.js文件，在里面添加module.exports = { devto

2017-10-11 17:06:21 3906

原创 webpack 使用babel将es6转换成es5简单案例

前言以前使用过webpack和babel配合安装，但是不知道babel到底能精简到什么程度就可以实现，今天做了一个案例。为什么我们要用es6呢，好处这里就不说了，自行百度即可。坏处我们就需要带一句，就是因为浏览器的不兼容，这里就需要我们将es6使用babel转换成es5然后在浏览器中运行，即使用了es6，也解决了es6的缺点就是不兼容的问题。模块安装首先需要全局安装babel模...

2017-10-11 15:26:28 5941 5

原创 js实现双向数据绑定

需求现在的框架都讲究什么单向绑定，双向绑定的都是什么东西？ - 单向数据绑定：指的是我们先把模板写好，然后把模板和数据（数据可能来自后台）整合到一起形成HTML代码，然后把这段HTML代码插入到文档流里面。 - 双向数据绑定：数据模型（Module）和视图（View）之间的双向绑定。就是我不管修改数据模型的相关数据，还是视图上的数据，相对应的数据也会跟着更新。实现原理主要的就是事件的绑定。 -

2017-10-10 17:55:46 1448 1

原创 37 Three.js高级材质THREE.MeshPhongMaterial

前言快乐度过了愉快了国庆，感觉自己浪费了很多时间，但是却感觉很值。然后再看一下钱包，发现激发了很大的学习的热情。我的笔记会一直更新，也希望自己的笔记能够帮助更多的人。简介通过THREE.MeshPhongMaterial，可以创建一种光亮的材质。与MeshLambertMaterial中使用的Lambertian模型不同，它可以模拟具有镜面高光的光泽表面（如上漆木材）。相...

2017-10-09 23:57:56 4931 1