- 博客(49)
- 收藏
- 关注
RSS订阅原创 前端技术学习指南
前端技术学习指南一、基础1.css3、html5：a.掌握滤镜、渐变、过渡、转换、动画等高级样式；b.掌握流式布局（flex）和格栅布局(grid)的原理及应用；c.掌握html5新特性的用法，比如before/after等伪元素的经典用法；d.了解并总结可视化设计中的一些经典用法；e.掌握css中常用的变量，及函数的使用；2.Css预处理：a.了解css 预处理器less,sa...
2019-12-10 15:21:24
349
原创 vue-------内置组件
vue api强化学习之-------内置组件vue创建的全局组件，我们可以在应用的任何地方使用此组件来组织我们的组件。<component/>多应用与创建动态组件参数有 is 和inline-template,前者多为字符串或自定义组件，后者为布尔类型，代码示例<template> <div class="hello"> &...
2019-10-02 19:49:00
419
原创 vue-------组件之间通信
vue api强化学习之-------组件之间通信除去vuex之外的方式，即vue内部组件之间的通信方式props 和 $emitprops 是单向数据流方式，数据只能通过 props 由父组件流向子组件，而子组件并不能通过修改 props 传过来的数据修改父组件的相应状态使用v-on在父组件引入子组件后的模板上监听子组件中的事件,$emit 可以触发使用v-on在父组件中监听的事件...
2019-10-02 19:48:10
473
原创 vue-------特殊属性
vue api强化学习之-------特殊属性vue api 特殊属性is长用于构建动态组件且基于 DOM 内模板的限制slot插槽，推荐使用2.6.0新出的v-slot用于标记往哪个具名插槽中插入子组件内容。scope被 2.5.0 新增的 slot-scope 取代。推荐 2.6.0 新增的 v-slot用于表示一个作为带作用域的插槽的 <temp...
2019-10-02 19:46:51
285
原创 vue-------全局api
vue api强化学习之-------全局apiVue提供的一套静态方法Vue.useVue.use( plugin )注册vue插件，插件可以是一个对象或者函数，若为对象时，必须提供install方法；若为函数时，它会被作为install方法使用，install方法被调用时，Vue会被作为参数传入。此方法必须在调用创建根实例的new Vue()之前调用；import Vue ...
2019-10-02 19:45:46
270
原创 vue-------vue选项
vue api强化学习之-------vue选项（除去声明周期函数）vue选项—数据dataVue 实例的数据对象,我理解相当于react组件背部的state对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化；建议在创建实例之前，就声明全部根级响应式属性,实例创建之后，vue实例也代理了data对象上所有的属性，vm...
2019-10-02 19:44:52
362
原创 vue-------生命周期钩子函数
vue api强化学习之-------生命周期钩子函数生命周期函数所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，因此 this 与你期待的 Vue 实例不同，this.fetchT...
2019-10-02 19:43:36
179
原创 vue-------实例方法
vue api强化学习之-------实例方法实例方法----数据vm.$watchvm.$watch( expOrFn, callback, [options] )expOrFn为要监听的属性，callback监听到变化时的回调函数，options配置一些参数，如是否深度监听(deep参数)，是否将立即以表达式的当前值触发回调（immediate参数）返回一个取消观察函数，用来停...
2019-10-02 19:42:28
120
原创 vue-------实例的属性
vue api强化学习之-------实例的属性vue组件在构建的过程中，vue构建器给每个vue实例添加的属性对象。常用vue实例属性vm.$refsvue在构建过程中，将注册过ref的所有dom元素和组件实例添加到一个对象中，并将此对象添加到当前vue实例的$refs属性下。$refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生...
2019-10-02 19:41:31
369
原创 vue-------directive(指令)
vue api强化学习之-------directive(指令)vue api指令v-text/{{}} | v-html文本渲染，绑定数据到模板的相应位置，要把一段html代码渲染到模板的相应位置，则需要使用v-html /*directives.vue*/ <template> <div class="hello"> ...
2019-10-02 19:40:07
163
原创 vue-------全局配置参数
vue api强化学习之-------全局配置参数(抄了一遍官网，留个影响)Vue.config 是一个对象，包含 Vue 的全局配置。可以在启动应用之前修改下列属性：silent布尔型，默认false;是否 取消 Vue 所有的日志与警告。optionMergeStrategies自定义合并策略，默认一个空对象，对象中的键值通常是函数合并策略选项分别接收在父实例和...
2019-10-02 19:38:49
3143
原创 javascript 作用域与作用域链
javascript 作用域与作用域链一、作用域1.1、作用域的定义官方解释：作用域（scope），程序设计概念，通常来说，一段程序代码中所用到的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。通俗解释：作用域指你当前代码的上下文环境，也就是说，当前变量，对象、函数等能够被应用的范围。1.2、作用域分类我们通常说的函数作用域有以下几种，前三种为常用...
2019-09-28 15:55:27
127
原创 flutter widget组件之-----------异步通信组件
flutter widget组件之-----------异步通信组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTit...
2019-09-28 15:37:00
796
1
原创 flutter widget组件之-----------交互模型组件
flutter widget组件之-----------交互模型组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTit...
2019-09-28 15:35:18
308
原创 flutter widget组件之-----------布局组件(多个子元素)
flutter widget组件之-----------布局组件(多个子元素)widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，Li...
2019-09-28 15:34:17
3062
1
原创 flutter widget组件之-----------布局组件(单个子元素)
flutter widget组件之-----------布局组件(单个子元素)widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，Li...
2019-09-28 15:33:38
283
1
原创 flutter widget组件之-----------绘制和视觉效果组件
flutter widget组件之-----------绘制和视觉效果组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，List...
2019-09-28 15:32:38
608
原创 flutter widget组件之-----------可滚动的组件
flutter widget组件之-----------可滚动的组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTit...
2019-09-28 15:31:37
663
1
原创 flutter widget组件之-----------表单组件
flutter widget组件之-----------表单组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTitle...
2019-09-28 15:30:34
662
原创 flutter widget组件之-----------样式组件
flutter widget组件之-----------样式组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTitle...
2019-09-28 15:29:36
300
原创 flutter widget组件之-----------文本组件
flutter widget组件之-----------文本组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，ListTitl...
2019-09-28 15:18:03
225
原创 flutter material widget组件之-----------布局组件
flutter material widget组件之-----------布局组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Card，...
2019-09-16 08:33:53
273
原创 flutter material widget组件之-----------信息展示组件
flutter material widget组件之-----------信息展示组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中Car...
2019-09-16 08:33:10
397
原创 flutter material widget组件之-----------按钮(button)
flutter material widget组件之-----------按钮(button)widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其...
2019-09-16 08:32:19
542
原创 flutter material widget组件之-----------输入框、选择框、弹出框等
flutter material widget组件之-----------输入框、选择框、弹出框等widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库...
2019-09-16 08:31:25
1261
1
原创 flutter material widget组件之-----------结构与导航相关组件
flutter material widget组件之-----------结构与导航相关组件widget分为两类：widgets library中的标准widget和Material Components library中的专用widget;任何应用程序都可以使用widgets library中的widget，但只有Material应用程序可以使用Material Components库。其中...
2019-09-04 17:47:59
612
1
原创 初次认识flutter
初次认识flutterflutter的介绍Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你...
2019-09-04 17:44:37
128
原创 win10 flutter vscode环境搭建
win10 flutter vscode环境搭建下载vscode开发工具直接给下载链接:vscode下载链接下载flutter按照flutter中文网下载安装即可：flutter中文网vscode中安装flutter插件在vscode中，安装插件flutter，安装flutter插件的同时，会自动安装dart插件，无需手动再次安装dart插件安装android emula...
2019-09-04 17:43:46
878
原创 js Object的属性和静态方法及实例方法
js Object的属性和静态方法及实例方法属性Object.prototypeObject.prototype.prottoObject.prototype.constructor静态方法Object.assign(target,source1,source2,…)用于将所有源对象source的可枚举性的值合并到目标对象target上，返回目标对象。此方法只拷贝源对象的自身...
2019-09-02 17:47:47
416
原创 http 缓存机制
http 缓存机制HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。http报文中与缓存相关的字段通用首部字段（请求与响应都能用的字段）...
2019-09-02 17:45:14
135
原创 css3属性的巧妙应用
css3属性的巧妙应用自定义属性css3中可以用–开头自定义属性，如–mywidth:100px;自定义属性也有其作用范围，在每个选择器内部定义的可以理解为局部变量，要定义能在全局范围内使用的属性变量，则可以使用 :root {–myattr:xxx};定义后的属性变量可以在css中用var()函数引用，如 body{width:var(–mywidth)}-css代码 /* ...
2019-08-16 17:16:11
404
原创 可视化设计-------css总结
可视化设计中的css总结用css 实现可视化的过程中的一些方法 总结蒙版文字利用css中的相对定位和绝对定位，实现元素的两层组合，底层显示图片或者其他重要信息，顶层蒙版显示对底层的简易介绍之类的次要信息css代码 .box{ position: relative; height: 200px; width: 300px } ...
2019-08-15 17:13:53
827
原创 # css3 重点特性介绍
css3 重点特性介绍css3新增的选择器选择器例子解释element1~element2p~ul选择前面有 <p> 元素的每个<ul> 元素[attribute^=value]a[src^=“https”]选择其 src 属性值以 “https” 开头的每个 <a> 元素。[attribute$=value]a[...
2019-08-15 17:11:58
122
原创 d3.v5 常用api简介
d3.v5 常用api简介选择集选择d3.selection():选择器根元素: document.documentElement. 整个方法可以用来测试是否为选择集实例 (instanceof d3.selection) 也可以用来扩展选择集原型链，比如为 checkbox 添加一个 check 方法: d3.selection.prototype.checked = f...
2019-08-13 15:51:22
2304
原创 svg入门api介绍
svg入门api介绍svg 常用标签矩形:rectrect 元素有个6个属性x: 矩形左上角的x轴坐标y:矩形左上角的y轴坐标rx:矩形圆角的x轴半径ry: 矩形圆角的y轴半径width:矩形的宽height:矩形的高 //例如： <rect x="60" y="10" rx="10" ry="10" width="30" height="...
2019-08-09 17:29:56
1950
1
原创 Jquery源码系列-----------框架概览
Jquery源码学习针对jquery2.0.3版本,主要针对以下几个方面学习；Jquery函数的定义Jquery源码中，开始部分声明了大量的变量，同时在这部分声明了Jquery函数，下面是这部分的主要代码 var //此处省略部分变量... // 防止冲突，若之前没有 则 _jQuery _$ 都为 undefined // Map over ...
2019-08-09 10:16:34
134
转载 js 模块规范
今天开始研究jquery源码。从jq官网down下最新的未压缩版代码并打开后，首先看下整体，这就是一个大型的自执行的匿名函数：( function( global, factory ) {"use strict";if ( typeof module === "object" && typeof module.exports === "object" ) { /...
2019-08-01 14:01:02
240
原创 javascript进阶------- javascript的执行上下文
一、 javascript 中的执行上下文javascript的解释和执行阶段解释阶段词法分析语法分析作用域规则确定执行阶段执行上下文创建代码执行回收垃圾二、 执行上下文的相关概念2.1. 执行上下文的类型javascript总共有三种执行上下文全局执行上下文（Global Execution Context）:一个全局对象，一个程序只有一个，...
2019-07-25 15:29:23
125
原创 全面解读 javaScript 正则表达式
javaScript正则表达式学习正则表达式中的元字符基本元字符正则表达式提供了一些特殊字符表示自一组比较复杂的匹配规则，如下表：字符简写字符全写含义.[^\r\n]除了回车符和换行符之外的所有字符\d[0-9]数字字符\D[^0-9]非数字字符\s[\t\n\x0B\f\r]空白符\S[^\t\n\x0B\f\r]非空...
2019-07-25 15:26:36
107
原创 plantuml 活动图
活动图(新语法)当前活动图(activity diagram)的语法有诸多限制和缺点，比如代码难以维护。所以从V7947开始提出一种全新的、更好的语法格式和软件实现供用户使用(beta版)。就像序列图一样，新的软件实现的另一个优点是它不再依赖与Graphviz。新的语法将会替换旧的语法。然而考虑到兼容性，旧的语法仍被能够使用以确保向前兼容。但是我们鼓励用户使用新的语法格式。简单活动图...
2019-06-17 17:03:46
1847
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人