- 博客(80)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 网页适配 iPhoneX，就是这么简单
https://aotu.io/notes/2017/11/27/iphonex/index.html 好文章
2019-11-08 14:58:10
397
转载 vue项目首屏加载优化实战
1.https://www.cnblogs.com/mianbaodaxia/p/10751453.html2，https://www.cnblogs.com/haonanZhang/p/9792415.html
2019-07-18 17:45:15
406
转载 手把手教Electron+vue的使用
很实用https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html
2019-07-18 10:05:15
502
原创 react高阶组件装饰器的使用与配置
高阶组件装饰器的写法高阶组件链式的写法逻辑比较绕，es7中有一个优秀的语法-装饰器，专门用来处理这种问题1.首先装插件npm install --save-dev babel-plugin-transform-decorators-legacy2.在项目根目录中找到config-overrides.js这个文件，如果没有就新建一个，配置如下const { injectBabelPlug...
2019-04-10 16:34:58
1505
原创 react16.8 antd按需加载配置
配置按需加载1.安装react-app-rewired 取代react-script，可以扩展webpack的配置，类似vue.config.jsnpm install [email protected] babel-plugin-import --save2.在项目的根目录下（src同级）新建一个config-overrides.js的文件，配置如下const...
2019-04-10 13:50:17
451
转载 马上收藏！史上最全正则表达式合集
一.校验数字数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数：^(\-|\+)?...
2019-01-10 14:20:22
240
转载 前端性能优化JavaScript篇
1.从资源加载方面来说，浏览器的加载顺序是按源码从上到下加载解析的，遇到link,script等资源都会阻塞页面渲染，所以我们会把script放在</body>前面，我们还可以结合构建工具（webpack,gulp...）压缩js文件，抽离公共js、去掉空格、注释，尽可能地让js文件变小，防止脚本阻塞页面渲染。2.在写代码的时候我们还要注意以下问题。（1）减少作用域链上的查找次数。...
2019-01-10 13:48:22
136
转载 常用的Git命令
一、新建代码库在当前新目录新建一个git代码库$ git init新建一个目录，将其初始化为First代码库$ git init [project-name]下载一个项目和它的整个代码史$ git clone [url]二、配置Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项目目录下（项目配置）显示当前的Git配置$git c...
2019-01-09 17:41:13
160
转载 使用ES6的Promise完美解决回调地狱
相信经常使用ajax的前端小伙伴，都会遇到这样的困境：一个接口的参数会需要使用另一个接口获取。年轻的前端可能会用同步去解决（笑~），因为我也这么干过，但是极度影响性能和用户体验。正常的前端会把接口写在另一个接口的回调里。是这样不错，但是它增加了函数的嵌套深度也会造成一定的逻辑混乱。也许有朋友会说，哪那么多毛病，解决问题不就好了吗？但是，如果需要的是另外好几个接口的返回数据呢？这时候就会比较...
2019-01-09 14:20:54
237
1
原创 promise请求数据用法
Promise简介Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。ES6将其写进了语言标准，统一了语法，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息，代码十分简洁易读没有复杂的花括号嵌套，把异步代码写成同步的感觉。&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;h...
2019-01-09 14:18:17
5528
1
转载 深入了解JavaScript 中的For循环之详解
转载地址：https://segmentfault.com/a/1190000017569850 尊重原创正文: 在代码示例中我会用到es6中的语言，如果你还不是很了解，你可以看看阮老师的es6.(= =我也是一点一点跟着看的。)1.map 先说一下最常用的map.利用map方便获得对象数组中的特定属性值们.它返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。//将a02...
2019-01-09 14:07:24
216
转载 如何给localStorage设置一个过期时间？
从我们接触前端起，第一个熟悉的存储相关的Cookie或者来分析我们生活中密切相关的淘宝、物流、闹钟等事物来说起吧，Cookie从你设置的时候，就会给个时间，不设置默认会话结束就过期； 淘宝购物从你下单付款起，就会给这件货物设置一个收货期限时间，过了这个时间自动认为你收货（即订单结束）； 闹钟你设置的提醒时间，其实也就是它的过期时间； 再比如与您每天切身相关的产品需求，过完需...
2019-01-09 13:46:00
2326
转载 深入理解Flex布局 -- flex-grow & flex-shrink & flex-basis
深入理解Flex布局 – flex-grow & flex-shrink & flex-basis写的很清晰 ：https://segmentfault.com/a/1190000017826957
2019-01-09 13:16:57
195
转载 在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]https://juejin.im/post/5986f5c8f265da3e0e1053cf
2018-12-05 14:33:21
182
转载 移动端关于@2x与@3x的图片加载实现方法（基于vue.js+stylus）
1.首先创建mixin.styl文件代码如下：bg-image(url)//创建bg−image(url)//创建bg−image(url) // 创建bg-image(url)函数 background-image: url(url+“@2x.png”)@media(−webkit−min−device−pixel−ratio:3),(min−device−pixel−ratio:3...
2018-09-06 16:24:37
1896
转载 Vue使用.sync 实现父子组件的双向绑定数据
1.前言 最近在vue 项目中有一个需求， 就是我需要根据不同的类型在页面中放不同的组件， 组件需要跟当前页面的数据进行双向绑定，如果都写在同一个页面 代码会显得比较多，毕竟我当前页面已经7-800行代码了 所以我需要把一些元素定义成组件 ，封装起来，所以就会遇到 数据的传值绑定问题 在这里我就分享我的方法，也许很多博客上有过！2.父组件首先我们来看看官方文档 [ht...
2018-08-21 15:26:43
835
原创 showdown解析markDown的使用方法
项目中数据很多都是用markDown编辑的，所以要前台进行解析，之前也用了vue-markdown，但是没有办法解析u这个标签这个下划线样式，所以改用showdown。安装方法npm install showdown使用方法//js部分<script> var showdown = require('showdown'), con...
2018-08-20 15:11:11
3621
原创 用axios封装一个jq版的ajax
* 封装axios，减少学习成本，参数基本跟jq ajax一致 * @param {String} type 请求的类型，默认post * @param {String} url 请求地址 * @param {String} time 超时时间 * @param {Object} data ...
2018-08-20 14:58:10
774
转载 关于移动端开发中遇到的坑
1 滚动穿透问题滚动穿透是指在移动端当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案，但有些还是存在一定的问题：1.1 设置overflow为hidden.modal-open { &, body { overflow: hidden; height: 100% }}即当弹出层弹出...
2018-04-18 16:02:51
227
转载 vue简单的图片上传
图片上传，不错，收藏一下 https://segmentfault.com/a/1190000014447512?utm_source=channel-newest
2018-04-18 10:37:28
899
原创 vue 动态加载图片src的解决办法
最近做项目的时候发现一个问题vue :src本地图片不读取，百度了一下查到了2种解决方法：方案1： 使用require将图片进入，写法如下<img :src="require('./faceImg/'+index+'.gif')">案2：把图片放在static文件夹中，如下<img :src="'../static/faceImg/'+index...
2018-04-17 16:49:13
6576
转载 图片遮罩翻转动效
效果不错，挺实用的，以后肯定是可以用到的，先转载了 https://segmentfault.com/a/1190000014406286?utm_source=channel-hottest
2018-04-16 14:49:12
682
转载 解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题
微信小程序学习了有一段时间了，在学习的过程中遇到了很多的问题。今天我就来和大家分享一下我在使用scroll-view组件时遇到的关于bindscrolltolower事件触发不了的问题。scroll-view是微信小程序中的一个视图容器组件，用来显示可滚动的视图区域。例如下图这个电影预告的小程序，当把滚动条拖动到最底部时，可以触发一个scrolltolower事件，运行后续的功能。可是...
2018-03-28 10:50:44
55757
6
转载 史上最全的微信小程序代码大全分享
https://blog.csdn.net/fenxiangjun/article/details/54429666
2018-03-26 10:53:07
64097
2
转载 vue打包静态资源路径不正确的解决办法
vue打包静态资源路径不正确的解决办法 vue项目完成打包上线的时候很多人都会碰到静态资源找不到的问题，常见的有两个1、js，css路径不对解决办法：打开config/index.js，将其中的assetsPublicPath值改为’....
2018-03-21 10:17:22
7154
原创 LocalStorage存储JSON对象的问题
localStorage.setItem() 不会自动将Json对象转成字符串形式1.用localStorage.setItem()正确存储JSON对象方法是：存储前先用JSON.stringify()方法将json对象转换成字符串形式 JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串var list = [ ...
2018-03-15 14:20:54
534
转载 ajax跨域，这应该是最全的解决方案了
前言从刚接触前端开发起， 跨域这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么，于是现在重新梳理了一下。个人见识有限，如有差错，请多多见谅，欢迎提出issue，另外看到这个标题，请勿喷~题纲关于跨域，有N种类型，本文只专注于 ...
2018-02-11 11:27:02
176
转载 雅虎前端优化的35条军规
无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化35条军规。内容部分1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件...
2018-02-11 10:32:46
277
原创 HTML快速转成 JSX 的方法
如何把html快速转成react可用的jsx代码呢？下面推荐一个工具HTML to JSX Compiler https://www.geeksss.com/pages/html2jsx.php
2018-02-11 09:03:13
5502
2
转载 axios 详细使用方法 及跨域请求（反向代理）的处理
安装使用 npm:$ npm install axios1或者 使用 bower:$ bower install axios1或者直接使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></script>1main.js设置如下引入ax...
2018-02-08 17:32:40
4888
原创 Redux Reducer 的合并
Reducer的下面有一些方法 今天来介绍一下combineReducers（）这个方法，用来合并数据。 在前两篇Reducer 的拆分博客的基础上进行讲解combineReducers， 第一篇:Reducer 的拆分（一）http://blog.csdn.net/keji_123/article/details/79242355 第二篇：Reducer 的拆分（二）http://b
2018-02-03 12:33:27
416
原创 Redux Reducer 的拆分（二）
在上一篇博客Reducer 的拆分（一）http://blog.csdn.net/keji_123/article/details/79242355的基础上再进一步优化一下：//这里传数据的时候没有必要把整个state传进去，我们用到什么传什么,改成如下代码：const reducer = ( state, action ) => { users:users( state.u
2018-02-03 11:59:27
287
原创 Redux Reducer 的拆分（一）
Reducer 的拆分写一个Reducer的例子 var data = { users: [], articles: [], comments: [] }; const reducer = ( state, action ) => { s
2018-02-02 19:00:16
1321
原创 Redux的基础使用入门（一）
基本概念和API redux： 商店：store，存放state的容器 状态：state，就是应用中需要使用的数据 动作：action，定义数据操作 通知：dispatch，发送操作请求 函数：reducer，处理数据的业务逻辑首先创建商店（store）// 得到
2018-02-02 10:19:01
322
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人