- 博客(30)
- 收藏
- 关注
RSS订阅原创 常见的前端安全问题
安全意识你要离开家了, 所有的父母都会说，路上注意安全，可见安全是多么的重要！那么作为软件开发，有哪些危险使我们要知道并避免的呢？下面我说一些基本的需要知道的安全攻击, 以及应对方案。ps 作为一个安全小白，了解各种各样的防范方案真的太难了，我是真的水????。欢迎补充，以增长见识XSS: 跨站脚本攻击在用户可以输入的地方，并且将作为代码编译时，攻击者可以通过输入一个脚本地址的方式进行对页...
2020-03-26 18:29:56
1258
原创 postcss-ui-theme 插件
写 css 遇到了问题怎么办？如何让 css 写的更轻松？postcss-ui-theme，让你实现类 sass 语法，一个插件就能做到！如何改变 css 主题 ？postcss-ui-theme ， 可打包 css4 变量被保留，不仅可在引用时直接使用新的变量文件覆盖改变主题，还可以通过 js 进行更改！！！css 在别的项目被编译，文件路径找不到？postcss-ui-theme，...
2019-05-26 20:40:13
351
3
原创 csrf 与 xss 攻击
CSRF 攻击Cross-site request forgery , 即跨站请求伪造。 通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。下面我用一个生动形象的例子来解释攻击原理：用户小明登录了自己的招商信用卡，于是在浏览器就存了他登录的招商的 cookie 信息。 这个时候，他去打开了一个危险网站，那个网站会偷偷给你发起登录招...
2019-03-24 23:17:52
192
原创 关于 webpack
一 webpack 是什么？它是一个打包工具。 噗，完啦？来，我们看官方概念: webpack 是一个现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个 依赖图(dependency graph)，此依赖图会映射项目所需的每个模块，并生成一个或多个 bundle。内部如何构建一个依赖图，我们知道 webpack 会配置一个入口，...
2019-03-18 00:25:37
238
原创 vue 原理，带你跟着流程了解，简单直白不深奥
vue 是一个 js 框架，它实现了自己的模板，通过 .vue 文件可以经过编译成一个数据改变驱动视图改变的 js代码。那么这其中又是经历了什么样的步骤呢？vue -> vue-loader 解析成 js 模块（大致可以理解为 export 导出的对象）{ template: 这里把 template 获取到里面了 data， methods ....}然后拿着这些东西...
2019-03-03 00:02:51
2493
3
原创 前端中的模块化
当我们要完成一个应用的时候，会根据对应的功能划分为许多不同的模块，就像一个论坛，有发帖的模块，评论的模块，js 中的模块也正是如此，一个具体功能的代码抽成一个文件，当你做一个东西的时候需要用到这个功能的时，可以直接使用这个文件，实现功能的分离，并能在多个需要的地方使用。就像是螺丝钉、螺丝帽、垫片一样的，通过组合使用实现出你的产品。通过直白的描述，我们可以知道，模块化的好处就是，抽离代码，重复使用...
2019-02-09 10:51:57
14670
3
原创 关于 css less sass stylus 以及 posscss
今天我们来学习一下这四个它们的关系与区别。首先， css 即层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。(百度百科）css 的写法大家都知道，没有变量，格式也不能嵌套，代码多且冗余，为了让样式写起来舒服，高效，方便一些，就有了 less 和 sass 、stylus, 他们的语法满足了你对简便方法的写法，并能够通...
2019-01-28 21:34:23
808
原创 js中所有对象的深度克隆之标准答案？
所有对象都有哪些？js 里一切皆是对象，在赋值对象时，大家都知道直接赋值是赋值的对象的地址，而为了获得一个属性相同的另一个对象，就有了克隆这一说。简单的克隆， 类似于 string、number、boolean 简单基本类型可以直接进行赋值。对于对象中一些特殊的内置对象， 如 Date、Function 、RegExp 则需判断返回相应的新对象。方法代码如下：function deepC...
2019-01-24 09:49:11
601
原创 粗暴的项目总结 （because of part)
vue 移动端地图开发坑Total canvas memory use exceeds the maximum limit (Safari 12)最近在做 H5 地图开发， 用的是高德地图。vue单页应用，几个页面中有三张地图，然而地图之间的来回切换，在 ios上会导致 canvas 内存溢出，然后页面就崩了。。 解决办法就是利用 vue 的 keep-alive 缓存组件, 阻止页面的地图 ...
2018-12-23 21:40:07
1050
原创 新鲜出炉的 cue 库
新鲜出炉的 cue 库最近在看 vue 源码，源码很多很完善，看的我头都大了，看别人的文章也只能通过别人的介绍知道，这一步是干嘛干嘛，于是就想着跟着步骤来实现一个。一方面理清一下思路，另一方面也可以落实到代码，从而消化成自己的知识。于是就有了这个 cue 库。cue 库是自己刚仿照 vue 写的一个 mvvm 库。 从 .cue 文件转成 html, 并加上数据改变驱动视图改变。 还只实现了大...
2018-10-14 21:11:10
635
1
转载 ios 滚动页面卡住 和 -webkit-overflow-scrolling:touch 的关系
起因-webkit-overflow-scrolling:touch 相信写移动端的人都知道这个，可以让滚动更流畅，请你使用的时候也要知道它的巨坑。。。(来自 线上 bug 的痛)场景 bug模仿 ant-design mobile 写了一个拉动刷新。 你们自己用手机打开连接，人家就没有用滚动优化， 为什么没有用，就是有坑！！！ 自从加了 -webkit-overflow-scro...
2018-08-31 10:35:16
7181
3
原创 函数防抖
debounce 到底怎么写如下函数// 如何写成一个闭包 。。。。let timer;function debounce (delay, fn) { if (timer) clearTimeout(timer); timer = setTimeout(fn, delay);}window.addEventListener('scroll', debounce(1...
2018-06-20 10:21:27
2112
3
原创 配置 SSL, 方法及须知原理
什么是 SSL 证书SSL 证书是数字证书，是由证书认证机构（CA）对证书申请者真实身份验证之后，用CA的根证书对申请人的一些基本信息以及申请人的公钥进行签名（相当于加盖发证书机构的公章）后形成的一个数字文件。 通俗一点， 就是包含了所使用的服务器的信息和公钥，这些信息是公开的。 而私钥是由证书申请者自己保存的，是保密的。怎么配置呢要在服务器要发送SSL证书，那么需要在服务器上配置。...
2018-05-10 12:24:33
5120
原创 ios 神奇的弹性下来出现黑屏
大家知道，移动端，拉到最上面了，却还可以向下拉，像这样 这里下拉，就是正常的表现，显示的背景色。然而我再弹窗里，下拉出现却是黑色！！, 如图 你们可以猜测，我的弹窗内容的背景色是黑色， 不不不，我设置的是灰色。 然后发现是因为，我的开始内容，没有间隔，也就是没有把背景色显示出来，导致弹性下拉的时候显示的是黑色。所以，我在 div 写上 margin-top: 10px; 如图：...
2018-03-17 16:20:59
438
原创 css 神奇的 transfrom 与 z-index
最近在写 h5 弹窗，相信大家一定对于移动端里面的弹窗的底层滚动很烦吧，因为涉及到一个滚动穿透的问题。 这里有一篇文章可以解决 解决滚动穿透可怕的是我今天并不是要讲这个问题，而是一个更神奇的，出现在 safari 上弹窗不显示的问题。 如图，在电脑上模拟显示效果，很正常： 但是在苹果手机 safari 上 可以看见， 第一个 switch 开关已经打开，但是弹窗却没有显示。 这就...
2018-03-17 15:56:06
1131
原创 首次使用 linux 阿里云服务器，入门及使用
购买服务器学生购买可以使用阿里云优惠专享， 每个月只要9.9 就好了。这里我用的是学生优惠，机型内存什么都限定好了的。所以- - 没什么可以说的。关于国内外服务器的区别就是，如果你购买了国外的服务器，就可以在云服务器上搭梯子访问国外的网站，也就是翻墙了。安装环境因为服务器默认 linux 系统，所以这里讲怎么配置 linux 云服务环境。 我第一次使用的时候，还以为是要去安装一个界
2018-01-07 17:58:53
50878
10
原创 快速了解理解pwa
什么是PWA先说一下全名，progressive web app： 渐进式网页应用。这是谷歌推出的，我是这样理解的：我们一般写web应用，在 pc 上是没有缓存的，打开页面的时去请求数据。第二个也没有像 app 一样的小图标放在桌面，一点开就进入了应用，而是通过打开浏览器输入网址， 第三个就是，不能像 app 一样给用户推送消息，像微博会跟你推送说有谁评论了你的微博之类的功能。 而谷歌推出的
2017-10-11 16:18:46
2723
原创 PWA 与 vue 的结合
vue 和 渐进式应用合并。发现 webpack 工具和 渐进式应用 配合并不怎么理想。 现搭建了一个demo, 实现 webpack 和 sw 的配合。具体步骤如下：1. v-cli 搭建一个 vue 项目vue, 想必你应该很熟悉了吧，关于项目的编写，这里就不在多说了。 自己可以设置demo 需要写什么内容，也不过就是一些页面的呈现之内的，可以先写一个简单的，熟悉熟悉，几行文字，放几张图片2.
2017-10-10 18:04:02
7365
3
原创 前端代码规范
作为一个程序员，工作到现在，也将近半年了。公司对员工的代码提交也会有 review 流程。代码的 review 来讲，一般就是看格式、命名、逻辑是否有错，代码是否还有可以抽象的地方，这里总结一下自己遇到的代码规范方面的问题，大家一起写规范的代码，做一个看上去专业码农吧。js规范代码的缩进了，一般是两格或四格，我司采用的是四格，这里可以根据自己喜好和公司要求了。中英文之间有空格间隔，像这样: 我专
2017-08-30 14:53:15
691
原创 css3 transform animation 动画 小结
css3 transform animation 动画 小结最近在策划自己的博客，本来是想写一个 酷炫 可以让人玩的，全是动画的页面， 结果哎 - - 可以说是非常失败了，这是一个刷牙的动画，变色的狮子，不知道能不能看出来，笑哭,现在针对自己用到的css动画总结一下，这博客肯定要改的，太幼稚了- - 地址：cleverboy32.blog 关于 transformtransfrom => 变形
2017-08-19 12:57:05
3731
1
原创 了解BEM
作为一个前端，写页面结构，写CSS怎么命名? 就算不用，但你的了解， 让自己的代码更规范。BEM是什么、 BEM 怎么命名、 BEM感受
2017-08-03 00:04:58
794
原创 最近写代码小结
最近写的组件样式小结一 关于元素居中的问题二 遮罩弹出后下层页面不滚动三 组件使用多次相同slot四文字的可选与不可选五鼠标样式六 图标的旋转
2017-05-21 18:30:21
358
原创 em 和rem 是什么？怎么用？
一 、em 和rem是什么？em是相对长度单位，相对于父元素的font-size 像素大小。如，父元素的font-size 是14px，那么1em 就是14px。rem 就是相对于根元素的font-size大小。比如，网页的body,html元素，设置font-size 为18px,那么1rem就是18px。二、关于font-size 设置多少比较好？如果使
2017-04-29 19:21:36
2216
原创 vue学习总结
vue学习总结事件的触发和监听(emit，on)它们是父子组件的时候，可以直接在父组件上绑定事件，然后子组件触发的时候，就可以被监听到。注意，这里是用v-on 绑定在引用的子组件标签上。然后，你在子组件$.emit(‘changDivText’)就可以触发 父组件里面定义的事件。他们不是父子组件的时候，就要借用到一个新的实例，来触发和监听事件了。因为什么
2017-04-28 16:21:35
2447
1
原创 关于promise 浅入浅出==
Promise(function (resolve, reject) {// 异步处理// 处理结束后、调用resolve 或 rejectreject('aaa');}).then(data => function resolve (){}, //then 里面。第一个函数是处理成功的函数data => function reject (){ alert (d
2017-04-07 18:02:34
230
原创 vue 基于webpack 的项目文件解析，在哪个文件该做什么事情
上图是一个vue项目的各个文件， 这里主要讲一下 build、config 、 src、eslintrc.js package.json 文件
2017-04-04 16:48:10
581
原创 vue 2.0入门 之 脚手架 vue-cli
关于脚手架vue-cli 首先，vue 是在node 环境下 并且是使用es5语法特性编写的语言。所以，当我们创建一个vue项目的时候，首先要为他安装一个node环境。 windows 安装链接https://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html其次，vue-cli 脚手架 是一个生成vue项目的工具 。通俗
2017-04-02 14:42:05
543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人