- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序web-view跳转h5 安卓白屏
在小程序使用<web-view src='{{src}}' ></web-view> 跳转到h5时 安卓白屏 ios正常 跳转的过程非常慢跳转去web-view.js代码 gotoWebview(toUrl) { wx.navigateTo({ url: '/pages/webview/webview', success: function (res) { res.eventChannel.emit('from', { url:
2020-07-07 18:02:07
4065
转载 js字节截取（可同时含有中英文）
byteCut (str, n) {let len = 0;let tmpStr = ‘’;for (let i = 0; i < str.length; i++) {if (/[\u4e00-\u9fa5]/.test(str[i])) {len += 2;} else {len += 1;}if (len > n) {tmpStr += str[i]+’…’;break;} else {tmpStr += str[i];}}return tmpStr;},
2020-07-06 11:51:32
383
原创 配置微信小程序底部导航栏以及路由方式
在app.json中添加 "tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath":"", "text": "首页" }, { "pagePath": "pages/logs/logs", "iconPath":"", "text": "日志" } ] },.
2020-06-25 12:18:16
1066
原创 在使用wx:for时，没有提供wx:key,会有一个warning
启用快速生成的小程序项目后，会在console中发现这样一个warning，如下图，这时不要急不要慌查看官方文档wx:key如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的
2020-06-25 12:09:43
522
原创 JS对象数组排序
当需要根据对象某个属性进行排序时,比如根据下面json对象中的status进行排序，值是start的在前，done的在后let objs = [{ “id”:1,“name”: “a”,“points”: 1000,“status”: “start”},{ “id”:2,“name”: “b”,“points”: 500,“status”: “done”},{ “id”:3,“name”: “c”,“points”: 1500,“status”: “start”},{
2020-06-15 14:30:40
551
原创 Git 提交代码忽略IDEA 自生成的文件
进入IDEAFile–>Settings找到 File Types在 Ignore files and folders 加上 .dea;.iml;此时可以在IDEA的底栏 Version Control -->Local Changes 看到 在.dea 文件下以及带有.iml已经去除了。
2020-06-03 16:19:15
997
原创 Angular select 标签 Error trying to diff '2'. Only arrays and iterables are allowed
在表单书写的时候，如果把select 标签的绑定成*ngFor 的数组，会报类似Error trying to diff ‘2’. Only arrays and iterables are allowed的错误。需要把绑定的数组修改为数组中的item错误示范 <div class="form-group"> <label for="partners"&...
2020-04-15 10:13:37
3487
2
原创 Angular父组件动态获取数据传给子组件
当子组件的数据是由父组件通过API获取的时候，容易出现 页面没有渲染数据，那是因为页面渲染的时候虽然请求已经发出但是还没有拿到数据
2020-04-11 22:22:22
1694
原创 安装制定版本的angular-cli并创建应用
本地已经安装过angular-cli 需要先卸载，使用cnpm uninstall -g @angular/cli。安装指定版本的angular-cli,这里使用的是1.6.5 cnpm install -g @angular/cli@1.6.5查看是否安装成功 ng version.创建应用ng new angular5-store运行应用 npm run start or ...
2020-01-07 20:05:19
718
原创 React--状态提升（Lifing State Up）
通常，多个组件需要反映相同的变化数据，这时我们建议将共享状态提升到最近的共同父组件中去先看官网的Calcutor例子Celsius 和Fahrenheit 都是由组件 TemperatureInput进行展示的，TemperatureInput组件只是进行UI的渲染， 数据的初始化以及更新的操作都是交由父级的组件Calculator进行处理的。父级组件和 子组件是通过props进行传递例...
2019-09-24 18:09:09
301
原创 React---受控组件（Controlled Component）
特性：Define和initial 通过组件的 state propertyUpdate 只能通过setState()在 HTML 中，表单元素（如、 和 ）之类的表单元素通常自己维护 state，并根据用户输入进行更新。而在React中，使用的是state来渲染，维护以及更新，所以被React 以这样方式控制取值的表单元素称之为受控组件。例如下面所示的代码value的属性是由this...
2019-09-24 14:48:06
629
原创 git中fatal: Authentication failed的问题 for win10
当修改完电脑密码之后， git pull and push 会报错remote: Invalid username or password.fatal: Authentication failed for ‘https://*****/’fatal: Authentication failed就是凭证失败的意思win10修改凭证search 'controlopen ‘Contro...
2019-09-17 12:32:02
2243
转载 vscode 快捷方式
按 Press功能 FunctionCtrl + Shift + P，F1显示命令面板 Show Command PaletteCtrl + P快速打开 Quick OpenCtrl + Shift + N新窗口/实例 New window/inst...
2019-06-21 11:22:19
1267
原创 JavaScript技巧型设计模式---委托模式
参考书籍：JavaScript设计模式委托模式（entrust）：多个对象接收同一个请求，将请求委托给另一个对象统一处理事件流：捕获，触发，冒泡事件冒泡:子元素的事件委托给更高层上的父元素去绑定执行。例1：点击日历格子，其对应格子背景变为灰色—>优化事件数量ul.onclick = function (e) { var e = e || window.event, ...
2019-06-20 19:27:46
191
转载 apply()与call()的区别
apply()与call()的区别 一直都没太明白apply()与call()的具体使用原理，今日闲来无事，决定好好研究一番。 JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为： ...
2019-06-18 18:24:31
107
原创 Javascript面向对象编程--寄生组合式继承
参考书籍：JavaScript设计模式寄生式继承https://blog.youkuaiyun.com/weixin_44924173/article/details/91046867构造函数继承https://blog.youkuaiyun.com/weixin_44924173/article/details/91040014
2019-06-06 17:05:29
220
原创 Javascript面向对象编程--原型式继承
参考书籍：JavaScript设计模式类式继承https://blog.youkuaiyun.com/weixin_44924173/article/details/90911544构造函数继承https://blog.youkuaiyun.com/weixin_44924173/article/details/91040014组合继承https://blog.youkuaiyun.com/weixin_44924173...
2019-06-06 14:42:13
164
原创 Javascript面向对象编程--属性与方法封装
参考书籍：JavaScript设计模式面向对象思想你可以想象成一位明星，比如他要在社会中保持一个良好形象，他就会将一些隐私隐藏在心里，然而对于这位明星，他的家人认识他，所以会了解一些关于他的事情。外界的人不认识他，即使外界人通过一些渠道认识他也仅仅是了解一些他暴露出来的事情，不会了解她的隐私。如果想了解更多关于他的事情，可以通过他的家人来了解，但是这位明星内心深处的隐私是永远不会被别人知道的。...
2019-06-05 14:56:42
213
原创 Cannot find module 'xxx'
webpack --mode development 时出现 Cannot find module ‘xxx’解决方案npm install xxx或者 cnpm install xxx
2019-05-28 11:33:08
788
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人