- 博客(19)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 element-ui plus el-menu中的default-openeds不支持动态变量赋值
正常逻辑是：searchData === ‘’?openedsData = [] : openedsData = [‘0’,‘1’,‘2’,‘3’]但是实际开发中，default-openeds是不会改变的。如果一开始定义的[]，那这个菜单就一直都是收起的状态。菜单全部展开的语法:default-openeds=“[‘0’,‘1’,‘2’,‘3’]”菜单全部收起的语法:default-openeds=“[]”定义：默认展开项 openedsData = []定义：搜索值：searchData = ‘’
2024-10-30 14:21:39
869
1
原创 some、filter、find、findIndex、indexOf、includes之间的区别
.some() array.some(function(currentValue,index,arr),thisValue) some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元素： 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意： some() 不会对空数组进行检测。 注意： some() 不会改变原始数组。 let arr = [1,2,3] arr.so
2021-12-14 14:45:26
1049
原创 highcharts的shadow影响安卓app
开发过程中，遇到了一个问题：用highcharts画的图表，在安卓app页面加载非常慢，并且进行其他操作直接导致页面卡死或者app崩溃。 通过一步步的调试，发现是highcharts的shadow属性导致的。 把shadow属性删除就好了。 ...
2020-09-14 16:12:53
229
原创 react学习二
npm搭建React项目 http://note.youdao.com/noteshare?id=1263614e5c3241658be7110e979bf869&sub=794E9644DB5D4BB7902F9ACFBA41BD90
2019-04-12 14:41:41
179
原创 react学习（一）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <script src="https://unpkg.com/react@16/umd/react.development.js"...
2019-04-12 14:40:29
231
原创 SVG学习笔记二
svg文字 <svg> <defs> <path id="path1" d="M75,20 a1,1 0 0,0 100,0" /> </defs> <text x="10" y="100" style="fill:red;"> <textPath xlink:href="#path1">I l...
2019-03-28 20:02:17
526
原创 SVG学习笔记一
SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path> <svg> <rect x="50" y="20" rx="20" ry="...
2019-03-21 18:06:31
226
原创 Vue.js实战第十二章笔记
iView是一套基于Vue.js 2的开源UI组件，主要服务于PC界面的中后台产品。简单的理解，他是深度封装的40多个常用业务组件，比如Input、Checkbox、Select、Table;蛋挞同事也是一整套前端解决方案，包括设计规范、基础样式 ，支持服务端渲染（SSR），同时提供了可视化脚手架，方便快速狗剑项目工程。iView的官方网站：http://www.iviewui.com 12.1级...
2019-02-21 18:21:36
404
原创 Vue.js实战第十一章笔记
Vue.js提供了插件机制，可以再全局添加一些功能。注册插件需要一个公开方法install，第一个参数是vue构造器，第二个是可选的选项对象。 MyPlugin.install = function (Vue,options){ //全局注册组件 Vue.component('component-name',{ //组件内容 }) //添加实例方法 Vue.prototype.$Not...
2019-02-15 18:23:43
374
原创 Vue.js实战第十章笔记
10.1前端工程化与webpack Virtual Dom并不是真正意义上的DOM，而是一个轻量级的JavaScript对象，在状态发生变化时，Virtual Dom会进行D 通常，前端自动化（半自动化）工程主要解决以下问题： · JavaScript、CSS代码的合并和压缩。 · CSS预处理：Less、Sass、Stylus的编译。 · 生成雪碧图（CSS Sprite）。 · ES6转ES5...
2019-02-15 17:23:00
307
原创 Vue.js实战第九章笔记
Vue.js2.x使用了VirtualDom(虚拟DOM)来更新DOM节点，提升渲染性能。虽然前面章节我们的组件模板都是写在template选项里的，但是在Vue.js编译是，都会解析为VirtualDom 9.1什么是Virtual Dom Virtual Dom并不是真正意义上的DOM，而是一个轻量级的JavaScript对象，在状态发生变化时，Virtual Dom会进行Diff运算，来更新...
2019-01-31 13:41:52
585
原创 Vue.js实战第八章笔记
8.1基本用法 注册一个v-focus的指令 注册组件： ①全局注册 Vue.directive('focus',{ //选项 }) ②局部注册 var app = new Vue({ el:'#app'， directives:{ focus:{ //指令选项 } } }) 写法与组件基本类似，只有方法名有component改为directive。上例只是注册了自定义指...
2019-01-24 17:51:47
551
原创 Vue.js实战第七章笔记（二）
7.3 组件通信 组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。 7.3.1 自定义事件 当子组件需要向父组件传递数据时，就要用到自定义事件。我们在介绍指令v-on时有提到，v-on除了监听DOM事件外，还可以用于组件之间的自定义事件。 子组件用emit()来触发事件，父组件用emit()来触发事件，父组件用emit()来触发事件，父组件用on()来监听子组件的事件。 父组件也可以直接在...
2019-01-17 19:47:03
465
1
原创 Vue.js实战第七章笔记（一）
7.1组件与复用 7.1.1为什么使用组件 组件可以在任何使用Vue的地方使用 7.1.2组件用法 创建Vue实例： var app = new Vue({ el:'#app' }) 注册组件： ①全局注册 Vue.component('my-component',{ //选项 }) my-component就是注册的组件，自定义标签名称，推荐用小写+‘-’的形式命名，要在父实例中使用这个组件...
2019-01-10 20:23:15
358
原创 Vue.js实战第六章笔记
6.1基本用法 在 Vue 提供了v-model指令，用于在表单类元素上 双向绑定数据 使用v-model时，如果使用中文输入法输入中文，一般在没有选定词组前，也就是在拼音阶段，Vue是不会更新数据的，当敲下汉字时，才会触发更新。如果希望实时更新 ，可以用@input代替v-model 单选按钮： 单独使用时，用v-bind绑定一个布尔值，为真即选中 data:{picked:true} 组合使...
2019-01-04 09:34:17
370
原创 Vue.js实战第五章笔记
5.1基金指令 5.1.1v-cloak 在 Vue 实例结束编译时从绑定的 HTML 元素上移除， 经常和 css 的 display:none；配合使用： {{message}} [v-cloak]{display:none} 在一般情况下， v-cloak 是一个解决初始化慢导致页面闪动的最佳实践，对于简单的项目很实 用，但是在具有工程化的项目里，比如后面进阶篇将介绍 webpack 和 ...
2018-12-27 19:12:21
452
1
原创 Vue.js实战第四章笔记
4.1了解v-bind指令 v-bind主要用法是动态更新HTML元素上的属性，当数据变化时，就会重新渲染。 4.2绑定class的几种方式 4.2.1对象语法 给v-bind设置一个对象，可以动态地切换class data:{ isActive: true } 当:class的表达式过长或逻辑复杂时，还可以绑定计算属性 data:{ isActive: true, error:null ...
2018-12-20 18:30:33
264
原创 Vue.js实战第三章笔记
3.1什么是计算属性 所有的计算属性都以函数的形式写在 Vue 实例内的 computed 选项内，最终返回计算后的结果。 data:{ text:‘123,456’ }, computed:{ reversedText: function(){ return this.text.split(’,’),reverse().join(’,’); } } 3.1计算属性用法 每一个计算属性都包含一个 ...
2018-12-13 18:57:46
292
原创 Vue.js实战第一章第二章笔记
1.1Vue.js是什么 简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。 提供了现代Web开发中常见的高级功能，比如： （1）解耦视图与数据 （2）可复用的组件 （3）前端路由 （4）状态管理 （5）虚拟DOM 1.1.1 MVVM MVVM模式→当View（视图层）变化时，会自动更新到ViewModel（视图模型），反之亦然。 View和ViewModel之间通过双向绑定建立联系 1.1...
2018-12-06 17:28:22
633
2
空空如也
js 安卓自带浏览器 scrollTo失效？
2021-01-07
js 滚动条定位问题 安卓scrollTo失效
2021-01-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人