- 博客(67)
- 收藏
- 关注
RSS订阅原创 webpack常用loader注释
1.babel-loader : es6转码2.vue-loader | react-loader | san-loader :把相应的.x结尾的文件转换为js模块3.json-loader : 处理导入json文件 // webpack2+ 内置处理json4.url-loader : 处理图片或字体图片资源，转换成base64插入html中5.html-loader : 解析...
2018-07-26 11:03:27
574
翻译 网页自适应
1.文档允许网页宽度自动调整<meta name="viewport" content="width=device-width, initial-scale=1" /> //网页的原始比例即为屏幕的大小，IE9+viewport元标签：网页的默认宽度，width=device-width,是说网页的初始宽度等于屏幕的宽度，initial-scale = 1,缩放比例为1倍兼容ie老...
2018-05-04 10:43:57
269
原创 vue和谷歌地图，百度地图开发
vue+Amap || vue+Bmap1.在webpack中加入配置externals: { /* "BMap": "BMap", "BMapLib": "BMapLib",*/ "AMap": "window.AMap", "AMapUI": "AMapUI"}2.在页面中配置 <!--百度地图api--&g
2018-04-26 09:20:57
3124
2
原创 vue+eChart开发
1.引入echart 插件npm install echarts -S2.文件中import// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts 3.在mounted生命周期函数中初始化图表4.常见问题...
2018-04-25 17:30:13
1665
翻译 微信小程序开发（九）.wxs 文件
简介WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件中定义的函数，也不能调...
2018-04-25 14:32:17
4279
翻译 微信小程序开发（八）.wxml引用
.wxml文件引用WXML 提供两种文件引用方式import和include。import假设，在a.wxml文件中，引入item.wxml文件。<!-- item.wxml --><template name="item"> <text>{{text}}</text></template><!-- a.wxml --&
2018-04-25 12:04:02
875
翻译 微信小程序开发（七）视图层事件
视图事件事件是视图层和逻辑层的通讯方式事件将用户的行为反映到逻辑层，进而对数据进行处理、发起请求、更新数据等而后再更新视图事件可以绑定到组件上，当满足设定条件后，就会调用逻辑层定义的事件中进行数据交互事件对象可以携带额外的数据，在逻辑层的事件回调函数中会接收视图层传递的数据，如id, dataset, touches事件回掉函数中可以接收直接指定的id属性，除此之外的，如name,class等并不...
2018-04-25 11:47:36
538
翻译 微信小程序开发（六）模板template
模板文件.wxml文件中可以定义任何模板代码片段，然后被引用，如自定义template.wxml<template name="odd"> <view> odd </view></template><template name="even"> <view> even </vie
2018-04-24 17:34:34
322
翻译 微信小程序开发（五）视图层 .wxml
视图层框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。微信小程序注册页面后数据会和视图层交互在Page()函数中的 onReady 生命周期时就可以调用api来改变视图层的表现.wxml — WXML(WeiXin Markup language) 用于描述页面的结构。.wxs — WXS(WeiXin Script)...
2018-04-24 17:06:59
889
原创 微信小程序开发（四）注册页面 page.js
注册小程序时我们在app.json配置文件里通过pages注册过各个页面 "pages":[ "pages/index/index", "pages/logs/logs" ],每一个页面对应自己的一系列相关文件如index，包括 index.wxml(view层)、index.js(逻辑层contral)、index.wxss(样式文件)、index.json(页面级别配置，可覆盖a...
2018-04-24 15:39:54
1139
原创 微信小程序开发（三）注册小程序app.js
文件：app.js 小程序的入口文件app()函数，注册一个小程序，接受object参数，指定小程序的生命周期函数等。属性 类型 描述 触发时机 onLaunch Function 小程序初始化 当小程序初始化完成时，会触发 onLaunch（全局只触发...
2018-04-24 14:07:34
4332
原创 微信小程序开发（二）小程序全局配置app.json
文件说明： app.json : 小程序全局配置pageswidowstabBarnetworkTimeoutdebug小程序的全局配置文件,小程序中所有的页面都需要配置路径用于设置小程序的状态栏、导航条、标题、窗口背景色。窗口的底部有tab栏网络请求的超时时间调试模式array(字符串数组)jsonjsonjsonBoolean"pages":[ "pages/index/index", ...
2018-04-24 10:59:10
1172
原创 微信小程序开发（—）环境搭建
小程序开发步骤1.下载安装开发工具win32下载地址：https://pan.baidu.com/s/15AqQntxlOLu13QZU1-v2oA 密码：n6k7 win64下载链接：https://pan.baidu.com/s/1_5RdqW-zygQyyeR7UKyFyw 密码：i1e6安装微信扫描二维码登陆，选择小程序AppId:小程序id2.开发...
2018-04-24 10:41:18
548
原创 自动化生成代码
应用node fs系统生成文件1. package.json 添加 任务"scripts": { "add": "node build/add-server.js"},npm run add user/userManager2. 获取命令行参数中需要增加的模块var arguments = process.argv.splice(2);arguments 是 user/userManger3...
2018-04-03 15:57:00
1741
转载 react虚拟事件（合成事件）与dom原生事件的混用
react合成事件如果DOM上绑定了过多的事件处理函数，整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用，同时屏蔽底层不同浏览器之间的事件系统差异，实现了一个中间层——SyntheticEvent。原理React中，如果需要绑定事件，我们常常在jsx中这么写：<div onClick={this.onClick}> react事件</div...
2018-03-19 13:36:26
1730
原创 package.json 版本号说明
1.版本号基本格式 主号.次号.修补号2.版本号规则1)version 指定版本号"vue-clipboard2": "0.0.8" //指定所依赖的该组件必须是 0.0.8 版本的2)>version 大于该版本号"vue-clipboard2": ">0.0.8" //指定所依赖的该组件必须是大于 0.0.8 版本的3)>=version 大于等于该版本号"v
2018-03-19 12:16:43
2728
原创 theamleaf+es6+vue+vux+webpack之theamleaf模板装饰
theamleaf 模板装饰器index.htmlhtml>xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/main"> 首页layout:fragment="content"> 首页维护中注解：index.html 用main.html布局装饰main.html
2017-10-31 14:32:40
1810
原创 webpack 编译报错 Couldn't find preset "env"
ERROR in ./product/entry/login.jsModule build failed: Error: Couldn't find preset "env" relative to directory "D:\\work\\Vue\\cdm-builder\\cdm\\src\\web" at D:\work\Vue\cdm-builder\cdm\src\web\
2017-09-06 14:26:34
16494
原创 npm install --save-dev -save
一个放在package.json 的dependencies , 一个放在devDependencies里面
2016-10-10 10:42:59
611
转载 http 状态码备份
成员名称 说明Continue等效于 HTTP 状态 100。Continue 指示客户端可能继续其请求。SwitchingProtocols等效于 HTTP 状态 101。SwitchingProtocols 指示正在更改协议版本或协议。OK等效于 HTTP 状态 20
2016-09-22 15:52:32
337
原创 前端需要谨记的知识备份
1.DOM 节点之间的关系：父子级，兄弟级 节点操作：获取父子节点，兄弟节点 文档的根节点：document.documetElement body节点：document.body 当前激活的节点：document.acticeElement //IE 鼠标节点操作： 鼠标事件对象：e
2016-09-20 13:23:26
362
原创 bootstrap导出excel，科学计数法BUG，export.js
导出excel后身份证或者数字很长的情况加excel会改写成科学计数法 添加 style样式并没有解决问题的原因是源码里面有个错误这里要修改 export.js源码找到 excel 操作在这里判断是否添加 mos-number-format:"\@"时改成如图写法另外，如何在bootStrap的td里面添加自定义data-*属
2016-09-11 16:18:55
5035
1
原创 webpack Promis is undefine
错误如下：reason: node 版本过低 less-loader 等要求node版本 分别为 node -v 0.12+ node -v 6.0+
2016-09-09 16:02:34
536
原创 响应式页面设计小结
1. 网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。==>ie9+,现代浏览器 IE6、7、8 ==> 下载 css3-mediaqueries.js。
2016-09-09 11:14:28
596
原创 webpack less 后不能生成一个link而是多个style标签，常见原因
执行webpack打包后，不能压缩less成为一个独立的css文件，而是在页面中生成了多个style标签测试多个原因后，有以下两点1.写法错误要改写成下面的写法
2016-08-28 11:23:25
3225
原创 webpack less-loader出现异常
笔者在webpack开发环境中编译less后，出现如下错误Uncaught SyntaxError: missing ) after argument list着实头大后来，一步步排错最终定位到 启动 参数上"start": "webpack-dev-server --dev -d --hot --inline --config webpack.dev.config.
2016-08-28 09:38:22
3834
1
原创 webpack 打包时发生 production is undefined 原因
原因是因为在webpack的 definePlugin插件中定义 process.env.NODE_ENV时没有把字符串做转换为json字符串把 “”
2016-08-26 10:09:39
2710
转载 html5最新浏览器支持程度比较
简易测试如图:360极速浏览器测试的(内核是chromium 42) – 极速模式;我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的而我本地的chrome 43 的分数才521 . 还少了两分,可能优化还没做好….最新的44版本,526,在所有浏览器中,对HTML5支持是最为完善的;IE11和edge(WIN 10下的)
2016-08-02 14:23:59
14587
转载 Ie6-10的差别
IE7更新 解决了IE6的一个float bug,见http://www.positioniseverything.net/explorer/peekaboo.html增强了CSS选择器支持内置AJAX透明PNG图片支持微软官方更新说明http://www.microsoft.com/china/msdn/library/webservices/WebApp/IE7_RevGd
2016-08-02 13:58:49
395
原创 react与框架整合
结合网络相关文档，记载react如何与线下框架整合，大神请绕道gulp+require+backbone+react，借鉴github上demo梳理一下大神github地址 https://github.com/phodal/backbone-react1.页面结构 与传统搭建无异,require加载入口文件script data-main="src/script/
2016-08-01 14:35:18
1398
转载 package.json 配置说明
Name必须字段。小提示：不要在name中包含js, node字样；这个名字最终会是URL的一部分，命令行的参数，目录名，所以不能以点号或下划线开头；这个名字可能在require()方法中被调用，所以应该尽可能短；Version必须字段。Description可选字段，必须是字符串。npm search的时候会用到。Keywords可选字段，字符串数组。
2015-12-17 09:44:16
8970
原创 jshint 配置说明
JSHint中文DOC增强参数(Enforcing Options)本类参数设为true，JSHint会产生更多告警。bitwise禁用位运算符(如^，，&)位运算符在JS中很少使用，性能也较差，出现&也很可能是想写&&。camelcase使用驼峰命名(camelCase)或全大写下划线命名(UPPER_CASE)这是
2015-12-09 15:10:56
1358
原创 gulp 插件
gulp APIgulp.src(globs[, options])gulp.dest(path[, options])gulp.task(name[, deps], fn)gulp.watch(glob [, opts], tasks), gulp.watch(glob [, opts, cb])Recipesgulp-browserifygulp-jshintgulp-jsli
2015-12-03 13:43:04
1030
原创 gulp 创建简易 的脚手架
一.准备：1.node 环境2.gulp 环境3.基本配置文件 gulpfile.js //gulp必备配置文件 package.json //node,npm必备配置文件 project.json //自定义项目结构，配置文件二.编写配置文件 package.json
2015-12-03 10:37:06
1970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人