博客园 - 逸丶风
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=124411
2020-12-17T01:57:12Z
逸丶风
https://www.cnblogs.com/yifeng555/
feed.cnblogs.com
https://www.cnblogs.com/yifeng555/p/14146327.html
js动态修改@keyframes - 逸丶风
css3中@keyframes是写死的,如果需要动态修改则需要js,其实操作起来也很简单,只是一些用到了一些不常用的api 1、获取页面样式表并查找keyframes所在的styleSheet 2、删除原来的styleSheet里的动画帧 3、添加js动态修改过后的动画帧 实现三个步骤的代码 1、关
2020-12-17T01:55:00Z
2020-12-17T01:55:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】css3中@keyframes是写死的,如果需要动态修改则需要js,其实操作起来也很简单,只是一些用到了一些不常用的api 1、获取页面样式表并查找keyframes所在的styleSheet 2、删除原来的styleSheet里的动画帧 3、添加js动态修改过后的动画帧 实现三个步骤的代码 1、关 <a href="https://www.cnblogs.com/yifeng555/p/14146327.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12840778.html
nuxt.js里vscode自动修复报错@nuxtjs/eslint-config': Cannot find module 'eslint-plugin-import' - 逸丶风
创建项目时候选了eslint和prettier不过vscode报错,无法自动修复语法问题 简单看了下是当前默认安装的eslint6.x版本,github上也有人提出了相关问题https://github.com/microsoft/vscode-eslint/issues/696 具体试了几种配置没
2020-05-07T01:03:00Z
2020-05-07T01:03:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】创建项目时候选了eslint和prettier不过vscode报错,无法自动修复语法问题 简单看了下是当前默认安装的eslint6.x版本,github上也有人提出了相关问题https://github.com/microsoft/vscode-eslint/issues/696 具体试了几种配置没 <a href="https://www.cnblogs.com/yifeng555/p/12840778.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12734032.html
vue-cli4中配置移动端自适应postcss-pxtorem - 逸丶风
vue-cli创建完项目之后安装amfe-flexible和postcss-pxtorem npm i amfe-flexible -S npm i postcss-pxtorem -D amfe-flexible来根据屏幕动态改变根元素font-size,postcss-pxtorem把代码中px
2020-04-19T13:58:00Z
2020-04-19T13:58:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】vue-cli创建完项目之后安装amfe-flexible和postcss-pxtorem npm i amfe-flexible -S npm i postcss-pxtorem -D amfe-flexible来根据屏幕动态改变根元素font-size,postcss-pxtorem把代码中px <a href="https://www.cnblogs.com/yifeng555/p/12734032.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12677425.html
uni-app音乐小程序 - 逸丶风
最近没上班,闲着弄了一个简单音乐播放器,因为之前个人特别喜欢听歌,总想写个软件给自己用,于是有了这个项目。 项目主要实现了: 1、歌单列表,mv列表、歌曲列表和下来刷新上拉加载 2、歌单,mv、歌曲的搜索和播放 3、全局播放,歌词同步,播放列表操作 4、简单的视频播放 因为写的比较急,代码也比较乱
2020-04-10T17:21:00Z
2020-04-10T17:21:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】最近没上班,闲着弄了一个简单音乐播放器,因为之前个人特别喜欢听歌,总想写个软件给自己用,于是有了这个项目。 项目主要实现了: 1、歌单列表,mv列表、歌曲列表和下来刷新上拉加载 2、歌单,mv、歌曲的搜索和播放 3、全局播放,歌词同步,播放列表操作 4、简单的视频播放 因为写的比较急,代码也比较乱 <a href="https://www.cnblogs.com/yifeng555/p/12677425.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12602119.html
vue命令式组件和插件编写 - 逸丶风
一直在写各种业务,好多基本用法都忘记了,回顾一下: 一、vue各种UI库里的命令式组件比如element-ui里Notification组件,可以这样调用 this.$notify({ title: '偏移', message: '这是一条带有偏移的提示消息', offset: 100 }); 命令
2020-03-30T15:14:00Z
2020-03-30T15:14:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】一直在写各种业务,好多基本用法都忘记了,回顾一下: 一、vue各种UI库里的命令式组件比如element-ui里Notification组件,可以这样调用 this.$notify({ title: '偏移', message: '这是一条带有偏移的提示消息', offset: 100 }); 命令 <a href="https://www.cnblogs.com/yifeng555/p/12602119.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12356631.html
webpack4搭建vue多页面环境 - 逸丶风
vue多页面开发环境
2020-02-24T10:27:00Z
2020-02-24T10:27:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】vue多页面开发环境 <a href="https://www.cnblogs.com/yifeng555/p/12356631.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12341684.html
js发布订阅模式 - 逸丶风
js代理模式
2020-02-21T08:32:00Z
2020-02-21T08:32:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】js代理模式 <a href="https://www.cnblogs.com/yifeng555/p/12341684.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/12326507.html
echarts做飞线图 - 逸丶风
echarts、飞线图
2020-02-18T08:13:00Z
2020-02-18T08:13:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】echarts、飞线图 <a href="https://www.cnblogs.com/yifeng555/p/12326507.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/9957792.html
git 检出项目部分目录(稀疏检出) - 逸丶风
git clone 会把整个项目都clone下来,对于大项目git status比较慢,每次pull时候也拉取一些无关的代码或者文件;git可以实现像svn一样检出部分目录 步骤: git clone -n https://github.com/xxx.git cd xxx git config c
2018-11-14T06:52:00Z
2018-11-14T06:52:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】git clone 会把整个项目都clone下来,对于大项目git status比较慢,每次pull时候也拉取一些无关的代码或者文件;git可以实现像svn一样检出部分目录 步骤: git clone -n https://github.com/xxx.git cd xxx git config c <a href="https://www.cnblogs.com/yifeng555/p/9957792.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/9955644.html
nuxt.js引入客户端脚本和第三方库出现window/document/ navigator未定义问题 - 逸丶风
官方文档中已经给出解决方案: 实际操作也比较简单,比如我之前在项目中引入的wangeditor,这个插件里包含了navigator内容 解决:现在nuxt.config.js的webpack扩展配置中配置一个vendor用于打包客户端执行的代码 这个vendor: ['external_librar
2018-11-13T15:46:00Z
2018-11-13T15:46:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】官方文档中已经给出解决方案: 实际操作也比较简单,比如我之前在项目中引入的wangeditor,这个插件里包含了navigator内容 解决:现在nuxt.config.js的webpack扩展配置中配置一个vendor用于打包客户端执行的代码 这个vendor: ['external_librar <a href="https://www.cnblogs.com/yifeng555/p/9955644.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/9882282.html
js小技巧--摘录1 - 逸丶风
原文地址https://github.com/loverajoel/jstips 1、数组中插入元素 a.尾部追加 b.头部追加 c.数组中间插入元素 2、if嵌套语句的优化 3、sort排序含音节字符的字符串 Javascript有一个原生方法sort可以排列数组。一次简单的array.sort(
2018-11-01T12:39:00Z
2018-11-01T12:39:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】原文地址https://github.com/loverajoel/jstips 1、数组中插入元素 a.尾部追加 b.头部追加 c.数组中间插入元素 2、if嵌套语句的优化 3、sort排序含音节字符的字符串 Javascript有一个原生方法sort可以排列数组。一次简单的array.sort( <a href="https://www.cnblogs.com/yifeng555/p/9882282.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/9068433.html
关于浏览器缓存设置 - 逸丶风
缓存的HTTP控制字段: (HTTP1.0) Expires:5 Jul 2018 16:00:00 GMT 在设置的时间内直接从浏览器中取值 200 OK (from memory cache) Cache-control:(HTTP1.1) max-age:从请求开始到设置的这段时间内直接从浏览
2018-05-21T09:44:00Z
2018-05-21T09:44:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】缓存的HTTP控制字段: (HTTP1.0) Expires:5 Jul 2018 16:00:00 GMT 在设置的时间内直接从浏览器中取值 200 OK (from memory cache) Cache-control:(HTTP1.1) max-age:从请求开始到设置的这段时间内直接从浏览 <a href="https://www.cnblogs.com/yifeng555/p/9068433.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/9045292.html
js继承的实现(es5) - 逸丶风
js对面向对象的支持很弱,所以在ES6之前实现继承会绕比较多的弯(类似于对面向对象支持弱,然后强行拼凑面向对象的特性) es5中实现继承的几种方式,父类定义为Super function Super(name){ this.name=name; this.age=25; this.array=[1,
2018-05-16T04:10:00Z
2018-05-16T04:10:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】js对面向对象的支持很弱,所以在ES6之前实现继承会绕比较多的弯(类似于对面向对象支持弱,然后强行拼凑面向对象的特性) es5中实现继承的几种方式,父类定义为Super function Super(name){ this.name=name; this.age=25; this.array=[1, <a href="https://www.cnblogs.com/yifeng555/p/9045292.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/8901751.html
js高阶函数应用—函数柯里化和反柯里化(二) - 逸丶风
反柯里化,uncurrying
2018-04-21T07:40:00Z
2018-04-21T07:40:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】反柯里化,uncurrying <a href="https://www.cnblogs.com/yifeng555/p/8901751.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/8878474.html
js高阶函数应用—函数柯里化和反柯里化 - 逸丶风
柯里化 反柯里化 偏函数
2018-04-19T15:44:00Z
2018-04-19T15:44:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】柯里化 反柯里化 偏函数 <a href="https://www.cnblogs.com/yifeng555/p/8878474.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/8878276.html
js高阶函数应用—函数防抖和节流 - 逸丶风
节流函数,防抖函数
2018-04-18T15:07:00Z
2018-04-18T15:07:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】节流函数,防抖函数 <a href="https://www.cnblogs.com/yifeng555/p/8878276.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/8469328.html
前端回答从输入URL到页面展示都经历了些什么 - 逸丶风
浏览器和服务器涉及大量网络通信内容,此处做了弱化介绍,作为前端主要关注第四部分。一、 网络环境保障我们先假定我们访问的URL为www.abc.com并且地址不在局域网内;首先我们所处的局域网的总路由应该和ISP(因特网服务提供商)连接,我们的主机要实现网络通信必须具备以下四个要素1、本机的IP地址2
2018-02-25T06:28:00Z
2018-02-25T06:28:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】浏览器和服务器涉及大量网络通信内容,此处做了弱化介绍,作为前端主要关注第四部分。一、 网络环境保障我们先假定我们访问的URL为www.abc.com并且地址不在局域网内;首先我们所处的局域网的总路由应该和ISP(因特网服务提供商)连接,我们的主机要实现网络通信必须具备以下四个要素1、本机的IP地址2 <a href="https://www.cnblogs.com/yifeng555/p/8469328.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yifeng555/p/8455414.html
ES6中let和闭包 - 逸丶风
在开始本文之前我们先来看一段代码 显然这段代码输出10,并没有向我们期望的返回3,原因也很简单(js的变量提升)函数在调用时候访问的是一个全局作用域的i,此时for循环已经执行完毕,全局变量i=10; 在ES5标准中,我们要想返回期望的3,通常的做法也很简单,就是让数组中的每个函数有单独的作用域,那
2018-02-20T09:13:00Z
2018-02-20T09:13:00Z
逸丶风
https://www.cnblogs.com/yifeng555/
【摘要】在开始本文之前我们先来看一段代码 显然这段代码输出10,并没有向我们期望的返回3,原因也很简单(js的变量提升)函数在调用时候访问的是一个全局作用域的i,此时for循环已经执行完毕,全局变量i=10; 在ES5标准中,我们要想返回期望的3,通常的做法也很简单,就是让数组中的每个函数有单独的作用域,那 <a href="https://www.cnblogs.com/yifeng555/p/8455414.html" target="_blank">阅读全文</a>