Jyan_29-优快云博客

原创 Web前端基础学习笔记顺序

学习顺序1.Server2.MySQL3.JS4.Node.js5.HTML56.HTTP&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;AJAX7.CSS

2018-11-26 20:24:07 1230

原创 vue踩坑汇总

vue踩坑汇总1 computed1 computedbug：计算属性依赖的响应式属性发生变化，却没有改变该属性原因：根据systemId切换展示的是filterReverseTableData还是reverseTableData(因为systemId为7时，返回的数组对象属性要按选择条件过滤)。<normalTable v-else :tableData="systemId==7?...

2019-08-23 15:33:18 509

原创批处理-从零开始(一)

批处理1 认识批处理1.1 命令行简介1.2 批处理简介2 批处理语法规则1 认识批处理1.1 命令行简介命令行就是在Windows操作系统中打开DOS窗口，以字符串的形式执行Windows管理程序；DOS――Disk Operation System 磁盘操作系统1.2 批处理简介批处理文件是指文件后缀名为“.bat”的文件，它的作用是可以一次批量执行大量的命令，可以大大节省命令反复...

2019-06-18 14:54:08 43374 3

原创 vue进阶学习

vue1 原生事件绑定到组件此篇主要是个人对vue教程上第一遍未吃透的概念的理解1 原生事件绑定到组件在 Vue 中，对于原生元素（<div>、<button> 等）只能监听原生事件（也就是 HTMLElement.addEventListener() 实现的效果）；而对于 Vue 自定义组件，默认只能监听那个组件主动 $emit() 出来的自定义事件。而使用nat...

2019-06-14 15:48:38 870

原创 vue列表渲染

vue列表渲染注意事项1 对象2 数组API3 数组响应式4 对象响应式5 过滤、排序v-for更新渲染过的元素列表，默认使用复用策略，这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时 DOM 状态 (例如：表单输入值) 的列表渲染输出1 对象迭代对象属性有三个参数，value, name, index2 数组API使用数组的变异方法改变数组触发视图更新；使用非变异方法返回一...

2019-05-06 12:26:33 723

原创项目常见需求

项目需求1 vue移动端长按原生事件2 css3加载loading图标1 vue移动端长按原生事件https://my.oschina.net/u/2393989/blog/8419022 css3加载loading图标https://blog.youkuaiyun.com/Maci_yera/article/details/77612209...

2019-04-04 16:40:56 764

原创 svn版本管理工具

svn版本管理工具1 安装2 Subversion2.1 服务器端命令2.2 客户端命令1 安装https://www.visualsvn.com/server/download/https://tortoisesvn.net/downloads.htmlsvn版本控制工具的服务器端和可视化客户端；1）使用svn checkout从服务器端下载新仓库2）使用svn update从服务器...

2019-03-26 16:26:33 840

Angular1 路由1.1 配置1.2 基础用法1.3 跳转传参1.4 路由嵌套(routerOutlet/children)1.5 路由守卫1 路由建立映射关系，能更快地实现SPA单页面应用程序1.1 配置1）将路由功能单独的封装在一个模块ng g module route --routing修改 route.routing.module.ts中forChild–&amp;amp;amp;gt;forRo...

2019-03-18 21:10:15 944

原创 Angular_1.语法、管道、组件、服务、http

Angular1 Vue1.1 Vue及其技术栈(生态圈)1.2 vue基础语法1.3 vue组件1.4 vue组件通信1.5 服务器端通信1.6 路由1.7 vuex2 设计原则3 Angularvue开源组件库：https://github.com/vuejs/awesome-vueangular开源组件库：https://github.com/PatrickJS/awesome-an...

2019-03-05 21:05:56 1691

原创混编、UI组件库

混编phonegap1 phonegap2 pc端UI组件库1 phonegapphonegap本身是一个开发平台，提供让js开发者直接调用手机底层硬件的功能。将程序上传至phonegap网站会自动打包程序生成app国内中文phonegap网站：http://www.phonegap100.com/官方网站：http://docs.phonegap.com/硬件设备device.pl...

2019-03-04 17:43:35 289

原创 WeChat小程序

微信小程序1 微信公众平台2 微信小程序1 微信公众平台腾讯: 微信通讯(9亿用户群) 张小龙-微信公众平台-(订阅号)-[电视台;报纸;杂志]-微信公众平台-(小程序)-[小程序] pc/android/ios-微店-微信公众平台-(小游戏)2 微信小程序小程序特点:不需要下载即可使用，用完即走.小程序发布时候对软件要求项目最大1MB,升级有2MB微信公众平台–注册帐户 ...

2019-02-27 21:23:16 1224

原创 HTML5_Core.十大新特性

HTML5_CORE1 增强型表单1.1 新的input type1.2 新元素element1.3 新属性attr2 视频音频2.1 视频video2.2 音频audio3 Canvas绘图3.1 绘图概述3.2 canvas绘图画布3.3 canvas绘图文本4 SVG绘图5 地理定位6 拖放API7 Web Worker8 Web Storage9 Web Socket10 语义标签1 增...

2019-02-18 21:14:39 1036

原创 VUE_UI_2.组件跳转、传参、vuex

组件跳转、传参1 组件间跳转及传参2 示例1 组件间跳转及传参(1)标签方式跳转(优先选) &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;router-link to=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;组件路径&amp;amp;amp;amp;amp;amp;amp;amp

2019-02-14 16:20:51 742

原创 VUE_UI.UI组件和CLI脚手架

VUE_UI1 vue ui 组件1.1 mint-ui安装与使用1.2 mint-ui组件分类1.3 mint-ui组件1.3.1 Toast提示框1.3.2 lazyLoad懒加载1.3.3 mt-swipe轮播图2 vue cli 脚手架1 vue ui 组件pc端与移动端区别：屏幕宽度992px、操作方式基于VUE框架开发移动端组件库Mint-UI、MUI(dev.dcloud.cn...

2019-02-13 09:38:35 650

原创 Vue_4.

Vue1 SPA2 Vue-router组件3 脚手架1 SPASPA：Single Page Application，整个应用程序只有一个完整的HTML页面和多个保存不同&amp;quot;页面&amp;quot;内容的组件片段。SPA应用侦测地址栏中相对路径的变化，选择匹配的组件片段替换唯一HTML文件中的相应区域。1）请求次数:单页面应用只在首次加载时请求一次，将一个完整的HTML页面和多个片段都获取到客户端保存。每次...

2019-01-28 11:40:38 208

原创 Vue_3

Vue1 组件2 组件生命周期3 组件化开发4 组件间传参5 路由1 组件拥有专属的HTML，CSS和数据的页面独立区域。优点：便于重用、松散耦合、分工协作页面由一个个独立的区域组成，封装为组件。即每个页面由多个组件组成1.创建Vue组件:1.1先在&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/template&amp;amp;a

2019-01-23 20:45:53 1936

原创 Vue_2

Vue1 双向绑定2 绑定class和style属性3 计算属性4 自定义指令5 过滤器6 Axios1 双向绑定:value的方式只能将内存中模型变量的值绑定到页面，不能将页面的修改自动同步到内存中的模型变量上——单向绑定双向绑定: 既能将内存中模型变量的值绑定到页面，又能将页面的修改自动同步到内存中的模型变量上。v-model用于绑定可修改的表单元素v-model:value=”模型...

2019-01-22 19:37:15 219

原创 Vue_1

Vue1 原生/函数库/框架2 vue3 vue原理4 绑定语法5 指令(directive)1 原生/函数库/框架原生DOM/BOM是浏览器自带，比较繁琐；jQuery函数库第三方，简单，仅对四个步骤的API进行简化，没有对流程进行简化，存在大量重复操作；框架：Vue/Angular/React，框架是半成品项目，从流程上根本的简化开发，消除重复操作2 vueVue是渐进式的基于MVV...

2019-01-21 11:38:02 255

原创 jQuery_2

jQuery1 插件/组件2 ajax3 跨域1 插件/组件插件/组件：拥有专属的HTML，CSS，JS的页面独立区域(重用)三个来源：jquery ui1.引入jQuery.js2.再引入jquery-ui.css 和 jquery-ui.js3.按插件要求编写HTML4.找到插件的父元素，调用插件API:第三方插件自定义插件2 ajax3 跨域...

2019-01-17 19:51:20 205

原创 jQuery_1

jQuery1 jQuery概述2 增删改查3 事件绑定4 动画5 ajax1 jQuery概述jQuery是第三方开发的执行DOM操作的极简的函数库。jQuery对DOM的每个操作/API进行简化，仅限于PC端2 增删改查3 事件绑定4 动画5 ajax...

2019-01-16 20:08:10 245

原创 BOM&DOM

BOM&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;DOM1 DOM1.1 DOM概述1.2 DOM树1.3 查询1.4 修改1.5 增加/删除2 BOM1 DOM1.1 DOM概述DOM: Document Object Model专门操作网页内容的API标准；W3C统一所有浏览器操作网页内容的API，几乎所有浏览器100%兼容DOM API，用js操作网页内容只能通过DOM API包括：增删改查+事件绑定1.2 DO..

2019-01-10 17:19:29 872

原创 JS_core_3.ES5、ES6特性

ES5&amp;amp;amp;ES61 ES51.1 严格模式1.2 保护对象1.2.1 保护属性1.2.2 保护结构1.3 Object1.3.1 Object.create()1.3.2 替换this:1.4 数组API2 ES61 ES51.1 严格模式比普通js运行机制要求更严格的模式。几乎所有js都要运行在严格模式下，js语言有广受诟病的很多缺陷，严格模式将不合理的行为直接变为错误；提高效率、增...

2019-01-07 10:28:41 783

原创 JS_core_2.JavaScript OOP原型与继承

面向对象1 面向对象OOP1.1 面向对象1.2 封装1.3 继承1.4 多态2 原型与继承1 面向对象OOP1.1 面向对象对象:程序描述现实中一个具体事物的属性和功能的程序结构。事物的属性会成为对象的属性，事物的功能会成为对象的方法。面向对象编程: 程序都是先将数据和功能定义在对象中，再按需使用对象的数据和功能优点:便于大量数据和功能的维护和使用特点:封装、继承、多态1.2 封装...

2019-01-05 10:24:27 461

原创 JS_core_1.RegExp,Function

正则表达式&amp;函数1 正则表达式RegExp1.1 概述1.2 定义1.3 RegExp对象1.4 模式匹配1.4.1 查找关键词1.4.2 替换1.4.3 切割2 函数Function2.1 Function对象2.2 闭包2.2.1 匿名函数2.2.2 作用域和作用域链2.2.3 闭包1 正则表达式RegExp1.1 概述Regular Expression:由普通字符和特殊字符组...

2019-01-03 20:15:37 169

原创 NPM模块 Webpack的使用

Webpack的使用1 NPM的扩展使用2 模块的使用3 Webpack的使用1 NPM的扩展使用npm init：初始化Node.js项目，创建必需的package.json文件npm init -y：创建必需的package.json文件(按默认方式)npm help install：查看package.json文件中可用的所有条目npm install xxx：安装指定的依赖模块...

2018-12-26 19:43:39 1575 2

原创 Bootstrap_3.SCSS、Bootstrap定制

SCSS、Bootstrap定制1 SCSS1.1 动态语言概述1.2 SCSS定义2 Bootstrap定制Bootstrap重点：媒体查询技术+栅格布局+SCSS1 SCSS1.1 动态语言概述CSS缺点：语法不够强大，没有变量和合理的样式复用机制；逻辑上相关的属性值必须以字母的形式重复输出；难以维护；动态样式语言为css赋予动态语言的特性，极大的提高了样式语言的可维护性...

2018-12-21 19:46:32 960

原创 Bootstrap_2.组件

组件1 常用组件1 常用组件下拉菜单下拉菜单的三级结构：&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;dropdown&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;

2018-12-20 17:57:23 281

原创 Bootstrap_1.响应式网页、Bootstrap、全局CSS样式

响应式网页、Bootstrap、全局CSS样式1 响应式网页1.1 概述1.2 测试响应式网页1.3 编写响应式网页2 Bootstrap2.1 Bootstrap2.1.1 Bootstrap定义2.1.2 目录说明2.1.2 模板2.1.3 相关技术2.3 bootstrap.css2.3.1 CSS Reset2.3.2 box-sizing3 全局CSS样式3.1 全局CSS样式3.2 栅...

2018-12-11 11:09:46 1711

原创 CSS3CORE_2.转换、过渡、动画、CSS优化

转换、过渡、动画、CSS优化1 转换1.1 转换简介1.2 2D转换1.3 3D转换2 过渡2.1 过渡概述2.2 过渡属性3 动画3.1 动画概述3.2 关键帧3.3 动画属性4 CSS优化1 转换1.1 转换简介转换定义使元素改变形状、尺寸和位置的效果，可以对元素应用2D或3D转换进行旋转、缩放、移动或倾斜；(改变元素在页面中的位置、大小、角度和形状)2D转换：使元素在X轴和Y轴平...

2018-12-09 23:31:26 377

原创 CSS3CORE_1.复杂选择器、内容生成、弹性布局、CSSHack

CSS31. 复杂选择器1.1 兄弟选择器1.2 属性选择器1.3 伪类选择器1.4 伪元素选择器2. 内容生成3. 弹性布局4. CSS Hack1. 复杂选择器1.1 兄弟选择器相邻兄弟选择器通用兄弟选择器1.2 属性选择器1.3 伪类选择器目标伪类结构伪类否定伪类1.4 伪元素选择器:first-letter:first-line::selection...

2018-12-07 10:03:58 508

原创 HTTP&AJAX_3.JSON、XML语法、解析

XML语法、XML解析、JSON1 JSON1.1 JSON概述1.2 JSON的使用1.2.1 JSON对象1.2.2 JSON数组1.2.3 JSON文档与对象的转换1.3 JSON应用2 XML语法1.1 XML概述1.2 XML语法2 XML解析1 JSON1.1 JSON概述1.2 JSON的使用1.2.1 JSON对象1.2.2 JSON数组1.2.3 JSON文档与对象的...

2018-12-05 15:19:58 329

原创 CSS3_4.显示、列表、定位

显示&amp;amp;amp;amp;amp;amp;amp;列表&amp;amp;amp;amp;amp;amp;amp;定位1 显示1.1 显示方式1.1.1 显示方式1.1.2 display属性1.2 显示效果1.2.1 visibility属性1.2.2 opacity属性1.2.3 vertical-align属性1.3 光标1.3.1 光标1.3.2 cursor属性2 列表2.1 列表项标志2.2 列表项图像2.3 列表项位置2.4 列表属性3 定位3.1 定

2018-11-29 15:56:16 614

原创 CSS3_3.文本格式化&表格&浮动

文本格式化、表格、浮动1 文本格式化1.1 文本格式化概述1.2 字体属性1.2.1 控制字体1.2.2 字体属性font2 表格3 浮动1 文本格式化1.1 文本格式化概述1.2 字体属性1.2.1 控制字体1.2.2 字体属性font2 表格3 浮动...

2018-11-28 17:09:30 1028 2

原创 Git版本控制

Git1 Git命令简介2 使用Git维护新浪云中的代码1 Git命令简介git config: 配置git的使用特性git config --global user.name ‘user_name’git config --global user.email ‘email_address’git config --global --list–global 表示对全局仓库的信息更改...

2018-11-28 12:53:11 185

原创 CSS3_2.框模型、背景、渐变

框模型&amp;amp;amp;amp;amp;amp;amp;背景&amp;amp;amp;amp;amp;amp;amp;渐变1 框模型1.1 框模型1.2 外边距1.2.3 简洁写法1.2.4 外边距合并1.3 内边距1.3.1 内边距定义1.3.2 内边距padding1.3.3 简洁写法2 背景2.1 概述2.2 背景属性2.2.1 背景色2.2.2 背景图片2.2.3 背景重复2.2.4 背景图片尺寸2.2.5 背景图片的固定2.2.6 背景定位2.2.7 背景属

2018-11-26 20:17:13 350

原创 CSS3_1.概述、语法、尺寸与边框

CSS概述、语法、尺寸与边框1.CSS概述1.1 CSS概述1.1.1 CSS作用1.1.2 CSS定义1.1.3 CSS与HTML之间关系1.1.4 HTML属性与CSS样式的使用原则1.2 CSS样式表1.2.1 CSS样式表使用方式1.2.2 内联方式使用CSS1.2.3 内部样式表1.2.4 外部样式表2. CSS语法3.尺寸与边框1.CSS概述1.1 CSS概述1.1.1 CSS作...

2018-11-21 17:00:40 835

原创 HTTP&AJAX_2.AJAX

AJAX1 AJAX原理1.1 AJAX定义Asynchronous JavaScript and Xml 异步的JavaScript和Xml：用来改善用户体验的技术，其实质是使用XMLHttpRequest对象异步地向服务器发送请求；服务器返回部分数据而不是完整的页面，以页面无刷新的效果更改页面中的局部内容。1.2 AJAX工作原理1.3 获取AJAX对象function getX...

2018-11-20 16:57:41 760

原创 HTTP&AJAX_1.URL&HTTP

HTTP1 URL2 HTTP协议2.1 HTTP协议概述2.1.1 HTTP协议历史与标准2.1.2 请求与响应流程2.2 HTTP消息2.2.1 HTTP消息结构概述2.2.2 请求消息结构2.2.3 请求行与请求方法2.2.4 请求头2.2.5 请求主体2.2.6 响应消息结构2.2.7 响应状态行与响应状态码2.2.8 响应头2.2.9 响应主体2.2.10 内容类型与常用内容类型2.3 ...

2018-11-19 14:24:44 235

原创 NODE.js_4.MySQL模块

MySQL模块1 MySQL模块1.1 mysql模块概述1.2 创建数据库连接1.3 使用数据库连接池1.4 提交SQL语句1.5 SQL注入漏洞1.6 ？占位符1.7 获取自增ID1.8 获取影响的行数1.9 执行多条语句1 MySQL模块1.1 mysql模块概述官方不提供任何数据库的访问模块，使用NPM下载第三方模块来实现MySQL数据库的访问npm install mysql/...

2018-11-19 13:01:54 444

原创 Node.js_3.Express

Express1 Express1.1 Express概述1.1.1 概述1.1.2 下载和安装1.1.3 最简Web服务器1.2 路由1.2.1 路由定义1.2.2 请求对象1.2.3 响应对象1.2.4 处理GET请求1.2.5 处理POST请求1.2.6 处理所有请求1.2.7 路由参数1.2.8 路由路径1.3 路由器1.3.1 路由器定义1.3.2 挂载路由器1 Express1.1...

2018-11-15 16:38:56 221

空空如也

空空如也