xiangcy - 博客园

2017年5月26日

摘要： function addClass(obj, cls){ var obj_class = obj.className,//获取 class 内容. blank = (obj_class != '') ? ' ' : '';//判断获取到的 class 是否为空, 如果不为空在前面加个'空格'. added = obj_class + blank + cls;//组... 阅读全文

posted @ 2017-05-26 15:49 xiangcy 阅读(11862) 评论(1) 推荐(0) 编辑

开信封效果

摘要：留声卡阅读全文

posted @ 2017-05-26 15:47 xiangcy 阅读(320) 评论(0) 推荐(0) 编辑

微信分享与录音

摘要： <!DOCTYPE HTML><html lang="en"><head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, 阅读全文

posted @ 2017-05-26 15:43 xiangcy 阅读(223) 评论(0) 推荐(0) 编辑

微信录音接口

摘要： Document 播放按住说话转成文字转成文字阅读全文

posted @ 2017-05-26 15:17 xiangcy 阅读(631) 评论(0) 推荐(0) 编辑

2017年4月28日

使用webpack构建本地服务器

摘要：想不想让你的浏览器监测你代码的修改，并自动刷新修改后的结果，其实Webpack提供一个可选的本地开发服务器，这个本地服务器基于node.js构建，可以实现你想要的这些功能，不过它是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖 npm install webpack-dev 阅读全文

posted @ 2017-04-28 18:28 xiangcy 阅读(308) 评论(0) 推荐(0) 编辑

六、处理图片及其他文件

摘要： 1.图片文件：在src下新建文件夹assets，放入一张图片： 1）.css背景中的图片打包发现报错，并且打包过程中并没有图片：安装图片处理loader 第一种：file-loader; 打包；打开html,ok! 打包过程中生成的路径 2）.根目录下模板图片url -- 如果引用的是绝对路径阅读全文

posted @ 2017-04-28 18:27 xiangcy 阅读(199) 评论(0) 推荐(0) 编辑

五、处理项目中的组件模板文件

摘要：例如：layer.html 1）.使webpack，让他把模板文件当字符串处理在layer.js里面把模板引入进来在app.js里面操作：模板文件添加div 运行有一个错误；需要安装一个loader来处理他；添加匹配规则：再运行；修改一下看看生成页面变化； 2）.使webpack，让他把模阅读全文

posted @ 2017-04-28 18:16 xiangcy 阅读(200) 评论(0) 推荐(0) 编辑

四、处理项目中的资源文件：es6、css、图片压缩、图片转成base64的编码形式

摘要：新建目录 Coponents : 放需要的应用组件，创建layer组件； --App.js ：应用的入口 --创建layer组件： Layer.html Layer.less Layer.js --修改配置文件： *记得安装插件html-webpack-plugins; loader 官网 => 阅读全文

posted @ 2017-04-28 18:02 xiangcy 阅读(1770) 评论(0) 推荐(0) 编辑

三、自动化生成项目中的html页面

摘要： 1. 现在项目下已经有了初始页面，页面引用的是bundle.js,但是我们打包后的文件名是不确定的(带hash等)，有什么办法能自动改变路径？借助插件; 2. 安装npm install html-webpack-plugin –save-dev; 3. 配置文件中引用官网=>using Plug 阅读全文

posted @ 2017-04-28 17:42 xiangcy 阅读(599) 评论(0) 推荐(0) 编辑

二、配置webpack 以及配置参数功能

摘要： 1. 新建目录mkdir webpack-demo; 2. 用npm初始化目录 npm init; 3. 安装webpack： npm install webpack –save-dev; 4. 建一些文件夹供项目使用； mkdir src => 项目源文件 mkdir dist =>静态资源 5. 阅读全文

posted @ 2017-04-28 17:24 xiangcy 阅读(2198) 评论(0) 推荐(0) 编辑

小橙子