- 博客(80)
- 收藏
- 关注
原创 面试
聊天套路举例说明将不会的变成会的 承认不会 询问细节转移话题HTML1. 你是如何理解 HTML 语义化的?举例 比如说,标题就用h1~h6,段落就用p,边栏用aside,主要内容用main侃侃而谈 最开始是 PHP 后端写 HTML,不会 CSS,于是就用 table 来布局。table 使用展示表格的。严重违反了 HTML 语义化。 后来有了专门的写 ...
2019-06-06 09:54:44
370
原创 vue造轮子杂记
许可证npm install -g npm 更新npmwebstorm快捷键shift+shiftVCSnpm当一个包是给开发者用的时候加-Dnpm i -g git-open,工具,git open命令可打开远程仓库
2019-02-18 17:34:37
775
原创 css变量
CSS 变量教程今天才知道css也有变量~首先认识一下:root:root 匹配文档树的根元素,对于 HTML 来说,与 html 选择器相同。在声明全局 CSS 变量时 :root 会很有用:root {//声明变量,变量名前面要加-- --main-color: hotpink; --pane-padding: 5px 42px;}读取变量时用var() 函数//...
2019-02-18 14:53:48
363
转载 Vue组件通信之Bus
组件通信实现 无论组件处于组件树的哪一层。由于 Vue 实例实现了一个事件分发接口,你可以通过实例化一个空的 Vue 实例来实现这个目的。将bus定义到全局// app.jsvar eventBus = { install(Vue,options) { Vue.prototype.$bus = vue }};Vue.use(eventBus);使用emit,emit...
2018-09-06 10:03:23
869
转载 vscode插件Settings Sync使用方法(用于同步vscode插件及配置)
1、Settings Sync是vscode中同步设置和安装插件的小工具,在扩展商店中搜索并安装它 2、登陆Github>Your profile> settings>Developer settings>personal access tokens>generate new token,输入名称,勾选Gist,提交 3、保存Github Access Tok...
2018-09-06 09:57:11
694
原创 vue-cli脚手架
vue-cli(vue脚手架)超详细教程命令行npm install webpack -gwebpack -vnpm install webpack webpack-cli -gnpm install --global vue-clivue -Vvue init webpack name //name是自定义的项目名称cd namenpm installnpm run de...
2018-09-05 21:35:34
179
原创 微信小程序相关
快捷键F1,找所有的快捷键ctrl+p,快速查找打开文件ctrl+e,快速打开最近打开过的文件Shift+Alt+F,格式化代码注意点根目录,/小程序单位rpx,与iPhone6设计稿...
2018-09-05 21:25:47
261
原创 webstorm相关
shift + shift 搜索 搜VCS,版本控制push失败 这个地方 SSH executable换成native解决webstorm浏览器请求授权 点击setting的Debugger选项,勾中Allow unsigned requests
2018-08-29 17:58:26
242
原创 Vue项目的联调,测试与发布
1. config/index.js目录下proxyTable: { '/api': { target: 'http://localhost:80' // 这里写后台服务器地址 }}2.本地测试 命令:ifconfig 或 ipconfig 查看本机ip地址 目录package.json添加--host 0.0.0.0"de...
2018-08-19 11:07:15
681
原创 页面性能优化
1. 资源压缩合并,减少HTTP请求2. 非核心代码异步加载 1、异步加载的方式动态脚本加载deferasync2、异步加载的区别defer是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关3.利用浏览器缓存 Cache-Control & ETag强缓存 如:...
2018-08-07 23:34:36
252
原创 Rx.js入门
两个例子鼠标拖拽let getElemenetDrags = el => el.mouseDowns .map( mouseDown => document.mouseMoves .takeUntil(document.mouseUps) ) .concatAl...
2018-08-07 20:39:38
285
原创 MVC与双向绑定与单向绑定
上次的笔记:MVC&MVVMMVC 思想(前端)model 只负责存储数据、请求数据、更新数据 view 只负责渲染 HTML(可接受一个 data 来定制数据)controller 负责调度 model 和 view例子1:https://jsbin.com/yuwopuf/3/edit?js,output 模板代码(也就是类)一个页面或模块只需要 mod...
2018-08-07 16:58:18
2608
原创 CSS遇到的知识点收集
<li> <img>标签之间空隙解决办法 空隙形成原因:<img>是内联元素,<img>与<li>之间有空格 解决:设置img为“display:block;”设置父对象的文字大小为0px设置图片的垂直对齐方式,图片的vertical-align属性为“top,text-top
2018-08-06 22:48:55
239
原创 JQuery遇到的知识点收集
e.target与e.currentTarget的区别 e.target指向引发触发事件的元素,而e.currentTarget指向的是给绑定事件监听的那个对象。
2018-08-05 22:43:15
215
原创 ES6新特性
ES 6 新特性列表 阮一峰es6教程1. let & constvar的问题变量提升为了不因声明变量提升而暴露变量,用函数包住,但是暴露了函数名于是为了解决上述问题,用匿名函数+立即执行函数,即闭包(function(){ 代码})()于是let 诞生{ let a=1 window.functionName=f...
2018-08-01 00:31:40
316
原创 JS深入理解(三)之面向对象
之前的总结:面向对象编程封装,继承,多态封装:隐藏细节原型链:对象与对象 this:对象与函数(JS 中对象函数没有关系,JS 之父通过 this 强行使得它们有关系。) 函数不是对象的附属品。关于this:fn(this,arguments)参数的值只能在传参的时候确定this是第一个参数this的值只有在传参的时候确定API的this要看文档箭头函数不...
2018-07-25 17:06:13
387
原创 JS深入理解(二)之异步
同步的sleep函数function sleep(seconds){ var start = new Date() while(new Date() - start < seconds * 1000){ } return}经常遇到的异步问题document.getElementsByTagNames('img')[0].width ...
2018-07-24 18:45:43
246
原创 我的reset.css
*{ box-sizing: border-box;}*::before{ box-sizing: border-box;}*::after{ box-sizing: border-box;}body,dl,dt,dd,ul,li,h1,h2,h3,h4,input,form,a,p,textarea,button{ margin: 0; pad...
2018-07-03 15:14:30
462
原创 手机端方案(viewport单位)
lib-flexible方案过时了。。 再聊移动端页面的适配 如何在Vue项目中使用vw实现移动端适配viewport单位得到众多浏览器的兼容。所以直接使用原生css就可以了。px到vw的转换插件 postcss-px-to-viewport...
2018-06-27 02:02:38
2071
原创 Chrome 扩展程序及好用特性
WhatFont 查出网站用的字体,然后借来用在自己的项目上。亲测有些网站可以用有些用不了。 Colorzilla 从网站上复制精确的颜色。 Wappalyzer 用来查看一个网站使用的技术时非常给力。...
2018-06-25 14:26:39
451
原创 Vue入门
挂载点 , 模板, 实例 数据data {{}}差值表达式 指令v-绑定事件v-on:可以简写为@ <div id="root" v-on:click="handle"&a
2018-06-23 13:28:23
650
原创 Sass入门(二)
sass在线编译—-学习用变量声明变量 默认变量 在默认变量之前重新声明下变量会覆盖默认变量。在进行组件化开发的时候会非常有用。$baseLineHeight:1.5 !default;局部变量和全局变量//SCSS$color: orange !default;//定义全局变量(在选择器、函数、混合宏...的外面定义的变量为全局变量).block { co...
2018-06-22 19:05:14
215
原创 Sass入门(一)
Sass入门(慕课) 阮一峰CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”。例如你可以在 CSS 中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性。Sass 和 SCSS 有什么区别?初步感觉,本质上没区别。 还是要说的话: 后缀不一样 书写方式不一样。SCSS带大括号,带分号。而Sass 是以严格的缩进式语法规则来书写,不带有大...
2018-06-22 14:38:30
182
原创 前端分享会——方方
最早的前端都是野生的 JS面向对象思想(与哲学相关)参考自Java 前端所以的库都在做一件事情,怎么让前端不操作页面(DOM) RAILS社区 Ruby SassMVC 前端太多异步,不太适合 MVVM 双向绑定 ,失控的局面tj node.jsRails关键字程序员幸福最大化约定优先配置主厨精选DRY (don’t repeat yourself)R...
2018-06-21 22:09:14
1683
原创 命令行小工具
z功能 方便实现快速目录跳转下载 官网 下载里面的z.sh 用命令行下载curl -L https://raw.githubusercontent.com/rupa/z/master/z.sh > z.sh安装 编辑~/.zshrc或~/.bashrcvi ~/.bashrc在bash的配置文件首行source一下z.sh的地址source...
2018-06-06 15:45:10
488
原创 手机端方案一(REM)
思路rem:根元素的font-size。 (r表示root )。所有手机显示的界面都是一样的,只是大小不同。用JS把html的font-size与page-width关联起来。比如:让font-size是pageWidth的1/10。这样用rem定义元素宽度时,可随不同手机的宽度变化而变化注意,可以与其它单位混用,不要每个每个地方都要用rem。比如,只想border为1px,就1px...
2018-05-30 20:37:46
402
原创 CSS 布局 (Flex 布局)
原则要支持IE8用float布局,不必支持,flex布局不到万不得已,不要写死 width 和 height尽量用高级语法,如 calc、flex如果要满足 IE,就全部写死Float儿子全加 float 老子加 .clearfix .clearfix简单写法.clearfix:after{ content: ''; display: block;...
2018-05-30 16:15:59
653
原创 手机端页面
媒体查询@media (min-width: 700px) { ... }(min-width: 700px) and (orientation: landscape) { ... }详见:MDN CSS媒体查询直接引用手机版的css(后端去实现)<link rel="stylesheet" media="(max-width:768px)" hr
2018-05-29 23:26:43
451
原创 CSS icon全解
引入ICONimg 好处: 自适应宽高,只需设置宽度,高度自适应。background 图片和div大小不一样时,图片不会变形。(要看具体的代码)雪碧图css spritesglueiconfont (推荐)iconfont 使用说明CSS手写iconcssicon 跟着上面的网站做图标,锻炼css技术↖(^ω^)↗...
2018-05-29 21:25:32
874
原创 CSS 堆叠上下文
堆叠顺序backgroundborder块级浮动内联z-index: 0z-index: +如果是兄弟元素重叠,那么后面的盖在前面的身上。触发堆叠上下文根元素 (HTML),z-index 值不为 “auto”的 绝对/相对定位,一个 z-index 值不为 “auto”的 flex 项目 (flex item),即:父元素 display: flex|i...
2018-05-29 20:55:19
331
原创 CSS 宽度与高度
高度与字体(内联元素)字体之间通过基线对齐当div包含一个内联元素,他的高度由字体的行高确定默认行高是设计师设计字体时的建议行高。空格(内联元素之间) &nbsp no break space 两个inline元素之间有任何回车,tab,换行或其他任意字符,都会变成空格。 因而导航栏li元素横排不要使用inline-block方法,用float+清除浮动。中文的对...
2018-05-29 20:09:53
217
原创 BFC
block formatting context 块级格式化上下文MDN 对 BFC 的描述一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。一个块格式化上下文由以下之一创建:根元素或其它包含它的元素浮动元素 (元素的 float 不是 none)绝对定...
2018-05-28 21:35:03
553
原创 CSS里的各种单位
只列举一些我常用到的,后面有需要再补充 单位 含义 px 相对于屏幕分辨率大小 em 相对于父元素的字体大小 。浏览器的默认字体大小都是16px。 rem 相对于根元素字体大小 vw 相对于视窗的宽度:视窗宽度是100vw vh 相对于视窗的高度:视窗高度是100vh % 相对于父元素。 deg ...
2018-05-24 14:56:11
324
原创 Cookie & Session
文章参考来源:方应杭CookieHTTP是一种无状态的协议,cookie可以让HTTP有状态。 设置CookieSet-Cookie: <cookie-name>=<cookie-value>;浏览器获得Cookie后,下一次发请求会带上Cookie: <cookie-name>=<cookie-value>
2018-05-23 21:45:26
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人