自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 问答 (2)
  • 收藏
  • 关注

原创 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 818

原创 highcharts的shadow影响安卓app

开发过程中,遇到了一个问题:用highcharts画的图表,在安卓app页面加载非常慢,并且进行其他操作直接导致页面卡死或者app崩溃。通过一步步的调试,发现是highcharts的shadow属性导致的。把shadow属性删除就好了。...

2020-09-14 16:12:53 142

原创 react学习二

npm搭建React项目http://note.youdao.com/noteshare?id=1263614e5c3241658be7110e979bf869&sub=794E9644DB5D4BB7902F9ACFBA41BD90

2019-04-12 14:41:41 113

原创 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 148

原创 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 366

原创 SVG学习笔记一

SVG有一些预定义的形状元素,可被开发者使用和操作:矩形 <rect>圆形 <circle>椭圆 <ellipse>线 <line>折线 <polyline>多边形 <polygon>路径 <path><svg> <rect x="50" y="20" rx="20" ry="...

2019-03-21 18:06:31 132

原创 Vue.js实战第十二章笔记

iView是一套基于Vue.js 2的开源UI组件,主要服务于PC界面的中后台产品。简单的理解,他是深度封装的40多个常用业务组件,比如Input、Checkbox、Select、Table;蛋挞同事也是一整套前端解决方案,包括设计规范、基础样式 ,支持服务端渲染(SSR),同时提供了可视化脚手架,方便快速狗剑项目工程。iView的官方网站:http://www.iviewui.com12.1级...

2019-02-21 18:21:36 288

原创 Vue.js实战第十一章笔记

Vue.js提供了插件机制,可以再全局添加一些功能。注册插件需要一个公开方法install,第一个参数是vue构造器,第二个是可选的选项对象。MyPlugin.install = function (Vue,options){ //全局注册组件 Vue.component('component-name',{ //组件内容 }) //添加实例方法 Vue.prototype.$Not...

2019-02-15 18:23:43 290

原创 Vue.js实战第十章笔记

10.1前端工程化与webpackVirtual Dom并不是真正意义上的DOM,而是一个轻量级的JavaScript对象,在状态发生变化时,Virtual Dom会进行D通常,前端自动化(半自动化)工程主要解决以下问题:· JavaScript、CSS代码的合并和压缩。· CSS预处理:Less、Sass、Stylus的编译。· 生成雪碧图(CSS Sprite)。· ES6转ES5...

2019-02-15 17:23:00 242

原创 Vue.js实战第九章笔记

Vue.js2.x使用了VirtualDom(虚拟DOM)来更新DOM节点,提升渲染性能。虽然前面章节我们的组件模板都是写在template选项里的,但是在Vue.js编译是,都会解析为VirtualDom9.1什么是Virtual DomVirtual Dom并不是真正意义上的DOM,而是一个轻量级的JavaScript对象,在状态发生变化时,Virtual Dom会进行Diff运算,来更新...

2019-01-31 13:41:52 489

原创 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 403

原创 Vue.js实战第七章笔记(二)

7.3 组件通信组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。7.3.1 自定义事件当子组件需要向父组件传递数据时,就要用到自定义事件。我们在介绍指令v-on时有提到,v-on除了监听DOM事件外,还可以用于组件之间的自定义事件。子组件用emit()来触发事件,父组件用emit()来触发事件,父组件用emit()来触发事件,父组件用on()来监听子组件的事件。父组件也可以直接在...

2019-01-17 19:47:03 342 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 278

原创 Vue.js实战第六章笔记

6.1基本用法在 Vue 提供了v-model指令,用于在表单类元素上 双向绑定数据使用v-model时,如果使用中文输入法输入中文,一般在没有选定词组前,也就是在拼音阶段,Vue是不会更新数据的,当敲下汉字时,才会触发更新。如果希望实时更新 ,可以用@input代替v-model单选按钮:单独使用时,用v-bind绑定一个布尔值,为真即选中data:{picked:true}组合使...

2019-01-04 09:34:17 235

原创 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 321 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 180

原创 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 200

原创 Vue.js实战第一章第二章笔记

1.1Vue.js是什么简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。提供了现代Web开发中常见的高级功能,比如:(1)解耦视图与数据(2)可复用的组件(3)前端路由(4)状态管理(5)虚拟DOM1.1.1 MVVMMVVM模式→当View(视图层)变化时,会自动更新到ViewModel(视图模型),反之亦然。View和ViewModel之间通过双向绑定建立联系1.1...

2018-12-06 17:28:22 497 2

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除