LionKing0823-优快云博客

转载移动端ellipsis(...)的两种解决方案

移动端ellipsis(…)的两种解决方案 scss: @mixin wrap($is-wrap:true){ @if $is-wrap = true { word-wrap: break-word; word-break:break-all; } @else { white-space: nowrap; } } @mixi...

2019-05-05 22:30:10 1118 1

原创 reset.css

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr...

2019-05-03 17:33:49 248

原创处理移动端边框1px显示问题，css代码

border($border-width = 1px, $border-color = #ccc, $border-style = solid, $radius = 0) // 为边框位置提供定位参考 position: relative; if $border-width == null $border-width: 0; border-radius: $radius...

2019-05-03 17:32:46 682 1

原创动态组件、webpack

动态组件动态组件就是 component组件，组件身上可以绑定一个is属性，用来表示某一个组件 is属性我们html中有一些标签是规定它的直接子元素的，比如 ul li ol li selector option table这类型标签不能直接用常规的组件使用方式，必须在对应直接子元素上绑定 is属性 <div id="app"> &lt...

2019-04-25 08:12:46 465

原创组件生命周期（组件内钩子）

组件生命周期（组件内钩子）重点！！钩子函数，就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件的有哪几个阶段？初始化阶段运行中阶段销毁阶段初始化阶段分为两个大阶段，每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生钩子函数 --》（人在某个阶段做得一些事情，这些事情是自动触发...

2019-04-23 21:24:41 519

原创组件注册

组件注册 Vue.component(组建名称, 组件的配置) 在组件中使用components的配置项来表示问题：组件命名问题组件命名和html原生标签冲突 Header Footer ----> header footer 大驼峰的写法 Vue.componennt('ZhangJun',{ template: '<div&...

2019-04-22 19:35:10 390

原创 Vue深入响应式理解、v-mode 双向数据绑定、watch、axios、fetch数据请求、mixins/global、:key

1.Vue深入响应式原理 1. vue深入响应式原理数据模型–》 vm中的data选项状态管理什么叫做状态？什么叫做状态管理？我们使用一个数据去管理视图中的一个部分，那么这条数据就叫做状态，这种管理模式就叫做状态管理总结： 1. 什么是深入响应式原理？王者级的深入响应式原理是利用了数据劫持和订阅发布的模式, 当数据模型发生改变的时候，视图就会响应的进行更新，那么深入响应...

2019-04-19 22:39:24 826

原创 Vue类名、样式、computed计算属性、todolist

Vue类名、样式、computed计算属性 1.类名 <div id="app"> <h3> 类名的绑定 </h3> <div class="size"></div> <div class="size bg"></div> <hr> <h4> 类名-对象的形式 </h4> &lt...

2019-04-18 21:05:39 1094

原创 Vue:列表、条件、事件

1. vue.js源代码匿名函数 (function(){}) () 特点安全性高减少了函数命名冲突第二个括号才是函数的真正运行，里面可以传入实际参数第一个括号确定了匿名函数的作用范围，语法不会报错，里面放一个没有名字的函数，函数可以接收形式参数底层代码封装匿名函数作用确定vue.js这个库的使用方法直接将Vue当做全局的一个方法使用，因为将...

2019-04-17 17:35:00 711

转载前端开发规范

前端开发规范一、通用规范： TAB键用两个空格代替（WINDOWS下TAB键占四个空格，LINUX下TAB键占八个空格）。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。文件内容编码均统一为UTF-8。 CSS、JAVASCRIPT中的非注释类中文字符须转换成unicode编码使用,以避免编码错误时乱码显示。二、文件规范：文件名用英文单词，多个...

2019-04-16 19:13:34 285

原创 Promise async/process.nextTick setImmediate/yarn

Promise总结：通过new Promise() 2. 参数是一个回调函数，回调函数中有两个参数（resolve reject） resolve也是一个函数，函数中接收参数，参数为任务 resolve 中任务主线程，而then中任务是放在异步队列中的，执行在主线程之后 3. Promise对象的api then(callback) catch(cb) 4. all race ...

2019-04-15 21:53:27 267

原创 git 错误处理及操作

git错误处理 1.撤销上一次提交 git reset --hard HEAD^ (定位到上上次修改) git push origin 分支名称 -f (覆盖上次操作) ！上次修改的本地文件也会被覆盖 2.git log后输入Q退出 3.! [rejected] 分支名称-> 分支名称(fetch first...

2019-04-13 16:56:07 740

原创项目流程/gulp/前后端跨域

角色 1. 总监决定项目使用哪种开发工具，使用哪个框架开发开发工具： gulp webpack(主流) 自动构建项目的快速开发工具框架： jq bs vue angular react 2. 构建版本控制工具 git svn 3. 决定项目托管的地方 github 码云（gitee） 4. 创建码云的环境 5. 创建分支默认直接创建好的远程主分支（master）创建多个...

2019-04-12 22:45:46 514

原创 express框架RMVC框架/mongoDB

将express框架–>RMVC框架 1.新建express文件 express_RMVC 2.创建文件夹 controllers models 3.在controllers文件夹下创建 indexController.js文件将router中的 function(req,res,next){ res.render('index',{title:'Express'}) } ...

2019-04-11 23:15:06 345

原创 MongoDB

koa(扩展知识，建议学习) koa是express超集（进阶版）前后端分离和耦合概念介绍面向过程 -》面向对象 --》面向服务数据库 Node.js mongodb(bson json的超集) 分类：关系型数据库： MySql 非关系型数据库: MongoDB MongoDB安装环境变量设置系统服务添加有问题安装系统不太支持高版本、降版本 3.2 3.4 ...

2019-04-10 16:51:18 222

原创 express后端项目构建，爬虫

1.使用Node.js制作一个压缩包制作一个压缩包的步骤先有一个文件读取文件制作压缩包将读取的数据放入到压缩包中 const zlib = require('zlib') const fs = require('fs') //创建可读的流 const inp = fs.createReadStream('yyb.txt') //创建空压缩包 const gzip = zlib.cr...

2019-04-09 21:19:22 502

原创 nodejs

1. vs code 里面如何切换自定义终端？ 2. 浏览器 vs node 异：\1. node里面没有 BOM DOM \2. node多了很多自带的api 同： \1. 都是chrome v8 \2. 都支持js \3. 都支持 ECMA Script 3. 需求： sum这个方法，我想三个参数，计算三个参数值？ \1. Node.js 命令行有时候用起来不方便\2. 解决：我们使用...

2019-04-08 19:18:10 164

LionKing0823的博客