07 2018 档案

摘要:繁杂:npm install webpack 简洁:npm i webpack 重复性操作: npm i webpack npm i babel-core .... 简洁性操作: npm i webpack babel-core.... &&命令(常用于-D和-g混合) npm i webpack -D && npm i webpack-cli -g 无差别操作:npm ... 阅读全文
posted @ 2018-07-31 14:18 Sunsin 阅读(4896) 评论(0) 推荐(0) 编辑
摘要:更新时间: 2018-7-31 首次更新. 先生成package.json 再安装以下npm插件 看起来应该是这样的(除版本号外),详细的配置文件不细说 webpack.config.js 入口文件为app.js,你可以随意写路径或者更改js. 运行命令:npm run start 正确的运行代码应 阅读全文
posted @ 2018-07-31 13:51 Sunsin 阅读(2074) 评论(0) 推荐(0) 编辑
摘要:END... 阅读全文
posted @ 2018-07-31 13:02 Sunsin 阅读(267) 评论(0) 推荐(0) 编辑
摘要:1 2 'use strict'; 3 let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9]; 4 5 6 // 除去取余2的 - es6 7 let es5OddNumbers = numbers.filter(function (number) { 8 return number % 2; 9 }); 10 console.log... 阅读全文
posted @ 2018-07-31 13:01 Sunsin 阅读(299) 评论(0) 推荐(0) 编辑
摘要:依据官方示例: 示例:tsc *.ts 实例:tsc hello.ts 不过以上实现的太有限制了,如下实现可满足正常测试以及学习使用 package,json tsconfig.json 1.npm install 2.新建html文件,引入print.js,新建一个print.ts 3.npm s 阅读全文
posted @ 2018-07-30 14:39 Sunsin 阅读(4692) 评论(0) 推荐(0) 编辑
摘要:把emmet设置覆盖为用户. 阅读全文
posted @ 2018-07-30 09:53 Sunsin 阅读(4133) 评论(0) 推荐(0) 编辑
摘要:打开网站(示例): https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow 下载扩展 vscode 安装离线扩展 注意看进度条进度 阅读全文
posted @ 2018-07-28 16:33 Sunsin 阅读(414) 评论(0) 推荐(0) 编辑
摘要:有时候生成的代码,并不适用自己,所以想想改生成代码: 因为windows查找文件/文件内容非常慢,所以借用了一下Linux的搜索命令,查找了一下 ie=edge ,最后,找到了 expand-full.js 修改过程如下 把名字拷贝一下,然后放入到 用vsCode打开它 原来生成的代码是 后来生成的 阅读全文
posted @ 2018-07-28 16:12 Sunsin 阅读(382) 评论(0) 推荐(0) 编辑
摘要:选中Alt+鼠标左键即可,按ESC退出 ,具体演示效果如下 阅读全文
posted @ 2018-07-28 15:31 Sunsin 阅读(14444) 评论(0) 推荐(2) 编辑
摘要:首先,Ctrl+Shift+P安装backround , 而后重启vscode会有默认的背景图片 修改背景图,可自定义三张 具体请看gif图 最开始时,发现png根本不是全透明,用ps处理了一下(下列所有操作均字母组合) 1.1 Ctrl+O(字母) 打开文件 1.2 Ctrl+J 复制图层 1.3 阅读全文
posted @ 2018-07-28 15:24 Sunsin 阅读(8900) 评论(0) 推荐(0) 编辑
摘要:简单示例(提供思路): wxml(作为模板形式插入到需要tabbar的地方去) wxss(作为全局放入到app.wxss里面去) 阅读全文
posted @ 2018-07-28 09:53 Sunsin 阅读(2272) 评论(0) 推荐(0) 编辑
摘要:封装,使用有示例. 阅读全文
posted @ 2018-07-27 19:19 Sunsin 阅读(161) 评论(0) 推荐(0) 编辑
摘要:jsonp牵扯到同源策略、跨域等问题,这里不细说了. 实现就是创建动态的script标签来请求后台地址: 示例: 实例: 阅读全文
posted @ 2018-07-27 18:40 Sunsin 阅读(623) 评论(0) 推荐(0) 编辑
摘要:1. 创建token(记住要复制上面的token): https://github.com/settings/tokens. 2. 创建gist id https://gist.github.com/ 当前如果不存在gist,则无法创建gist id, 保存gist id 3. Ctrl+Shift 阅读全文
posted @ 2018-07-27 10:20 Sunsin 阅读(5026) 评论(0) 推荐(1) 编辑
摘要:官方文档: http://www.dcloud.io/wap2app.html 新建Wap2App,示例网址:www.baidu.com 随后,我们可以在 最后,我们可以 打包完成以后,下载即可 阅读全文
posted @ 2018-07-26 12:38 Sunsin 阅读(572) 评论(0) 推荐(0) 编辑
摘要:1.导入form组件 2.导出form组件 3.使用form组件 阅读全文
posted @ 2018-07-26 10:49 Sunsin 阅读(261) 评论(0) 推荐(0) 编辑
摘要:实现原理:利用背景图片以及nth-child实现 阅读全文
posted @ 2018-07-26 10:37 Sunsin 阅读(1432) 评论(2) 推荐(0) 编辑
摘要:nginx下载地址,使用的是标准版的: 点击下载nginx nginx下载完后,解压 dist文件夹下面所有angular文件放入html文件夹中. 最后命令行cd到当前nginx.exe目录,启动命令:nginx 再配置一下conf文件夹下面的nginx.conf 再location / 添加一条 阅读全文
posted @ 2018-07-26 10:25 Sunsin 阅读(519) 评论(0) 推荐(0) 编辑
摘要:更新时间: (2018-7-26) - 使用angular6.x最新版本 新建项目时,我们指定类型: less的话,也是是改一下后缀名而已 在实际项目中应用的话,大概就是(从angular5.x~6.x),angular-cli.json更名为angular,json 已有项目中运行的话,在angu 阅读全文
posted @ 2018-07-26 10:19 Sunsin 阅读(3960) 评论(0) 推荐(0) 编辑
摘要:foreach ... 阅读全文
posted @ 2018-07-21 17:43 Sunsin 阅读(1463) 评论(0) 推荐(0) 编辑
摘要:es6新的字符串,操作... 具体,请查看es6 api. 阅读全文
posted @ 2018-07-21 17:10 Sunsin 阅读(164) 评论(0) 推荐(0) 编辑
摘要:注意:es6模板的内容框选是``键盘左上角的重音符 ,而es5是双引号或单引号. 阅读全文
posted @ 2018-07-21 13:25 Sunsin 阅读(330) 评论(0) 推荐(0) 编辑
摘要:1 class User { 2 constructor(name, age) { 3 this.name = name; 4 this.age = age; 5 } 6 7 changeName(name) { 8 this.name = name; 9 } 10 11 changeA... 阅读全文
posted @ 2018-07-21 13:12 Sunsin 阅读(189) 评论(0) 推荐(0) 编辑
摘要:今天用node纠结了半天,明明是正确的语法,一直报错,原来node和chrome并不支持es6语法.... 1. npm install package.json 1 { 2 "name": "ES6", 3 "version": "1.0.0", 4 "description": "", 5 "m 阅读全文
posted @ 2018-07-21 10:53 Sunsin 阅读(2347) 评论(0) 推荐(0) 编辑
摘要:promise - 反复进行回调函数. 阅读全文
posted @ 2018-07-20 15:43 Sunsin 阅读(171) 评论(0) 推荐(0) 编辑
摘要:对于项目的多变性以及扩展性,你还在用if .. else吗? 阅读全文
posted @ 2018-07-19 22:41 Sunsin 阅读(264) 评论(0) 推荐(0) 编辑
摘要:lastUpDate: 2018-8-12 请把请求地址加入到downLoadFile 提示:首先得要在公众号设置对应的downLoadFile地址. downImg : 下载图片 wxml js 阅读全文
posted @ 2018-07-19 11:09 Sunsin 阅读(6382) 评论(2) 推荐(1) 编辑
摘要:1. navigator navigator?第一参数&第二参数 .... 在传递页面的options可以拿到传递过来的参数 2. data- {{}} 这一种方式必须要先通过setData到页面上才能获取到 或本身页面上就存在 获取的话即点击事件 3.通过设置缓存,一般不推荐这种方式 4. 通过t 阅读全文
posted @ 2018-07-18 12:51 Sunsin 阅读(1753) 评论(0) 推荐(0) 编辑
摘要:最后更新时间: 2018.7.18 :更新了所有package.json插件版本以及修复极个别问题. 2018.8.12 : 增加提示,所有标签必须闭合(不然打包会报错) 2018.10.13:需要用yarn安装所有文件,例如:npm install 应改为 yarn install 使用方式: 1 阅读全文
posted @ 2018-07-18 10:59 Sunsin 阅读(2785) 评论(0) 推荐(0) 编辑
摘要:未开考 、已交卷、 考试中 、考试结束 #ddd #f00 #ff0 默认禁用色 禁用的button仅有style起作用,四个状态,通过wx:if ... elif ... elif ... else 来进行判断并且显示(仅能展示一个状态). 阅读全文
posted @ 2018-07-16 13:32 Sunsin 阅读(803) 评论(0) 推荐(0) 编辑
摘要:源码如下(csdn提供了思路 , 多谢 ,第二个小程序项目,有惊无险(_。_): 1 Page({ 2 /** 3 * 页面的初始数据 4 */ 5 data: { 6 timer: '', //定时器名字 7 countDownNum: '5' //倒计时初始值 8 }, 9 onLoad: fu 阅读全文
posted @ 2018-07-16 13:27 Sunsin 阅读(2276) 评论(0) 推荐(0) 编辑
摘要:考试的时候不可能答完以后,得到成绩后再通过左上角返回再重新答吧? 可以通过:open-type='redirectTo'实现 阅读全文
posted @ 2018-07-16 13:17 Sunsin 阅读(682) 评论(0) 推荐(0) 编辑
摘要:关于进度条的话,我是使用官方原生的progress的. 关于进度progress接受保留2位小数(从后端获取到平均值,再item循环出来) js wxml 阅读全文
posted @ 2018-07-16 13:13 Sunsin 阅读(626) 评论(0) 推荐(0) 编辑
摘要:后端传过来的数据,如果通过wx:for遍历出来那就是一个页面全部排下来.... 我的想法就是,页面初始化时设置一个默认值 1/50 就是 index+1 / 50(后端传过来的数组长度),通过控制index,来进行上一题和下一题的操作 阅读全文
posted @ 2018-07-16 13:03 Sunsin 阅读(305) 评论(0) 推荐(0) 编辑
摘要:后端传过来的一个个对象 {1,2,3,4},{1,3,5,},{1,3,5} 我们应该转化为数组对象 [{},{},{},{}] ,最后通过wx:for遍历到页面 示例图: 阅读全文
posted @ 2018-07-16 12:55 Sunsin 阅读(12341) 评论(0) 推荐(0) 编辑
摘要:获取当前时间:十位unix时间戳 时间戳转时间(官方自带) 使用实例: var time = "1531791600"; app.util.formatTime(time); 阅读全文
posted @ 2018-07-16 12:49 Sunsin 阅读(3477) 评论(0) 推荐(0) 编辑
摘要:在此之前,确保你已经安装了Node(并且你很会折腾) - 有人说,Java脚本和Java最本质的区别就是一个超会更新,一个死守旧。 如果你没有安装,请去官网下载并且安装:http://nodejs.cn/download/ 中文文档:http://nodejs.cn/api/ 先来说说node的优点 阅读全文
posted @ 2018-07-05 21:24 Sunsin 阅读(3101) 评论(1) 推荐(1) 编辑

点击右上角即可分享
微信分享提示