- 博客(46)
- 收藏
- 关注
RSS订阅转载 彻底弄懂强缓存与协商缓存
https://www.jianshu.com/p/9c95db596df5在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。缓存的优点：减少了不必要的数据传输，节省带宽 减少服务器的负担，提升网站性能 加快了客户端加载网页的速度 用户体验...
2019-12-04 23:06:15
480
原创 JS取当前时间、日期、月份、季度、指定月份天数
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份 (记得 + 1)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期...
2019-10-28 18:29:48
513
原创 下拉加载组件，react，
react组件，进行页面的下拉加载。包括type=0“加载更多。”，type=1“正在加载中。。。”，type=2“没有更多数据”。父 组件引用代码如下import AppPullRefresh from '@/component/pull-refresh'const {pageSize, pageData, type} = this.state<AppPullRe...
2019-09-01 08:57:24
1115
转载 Mac安装Python2和Python3、pip2和pip3、ipython2和ipython3
https://www.jianshu.com/p/3701ff3399dd链接在上，自行拿取
2019-08-20 16:23:52
822
原创 show一个炫酷的css效果吧
这是一张很普通的风景图，如何将这个图片进行炫酷化捏？这里是源代码哦！https://codepen.io/liuxiaoanita/pen/zQvdzR
2019-07-11 15:26:40
491
转载 JS中浮点数的加减乘除
//除法函数，用来得到精确的除法结果function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} try{t2=arg2.toString().split(".")[1].length}catch(e){} with(M...
2019-06-29 11:55:13
976
1
原创 from disk cache 不访问服务器，直接读缓存
刚刚遇到一个问题，删除一个数据以后，历史返回页面，该页面中删除的这个数据，还是会存在，最后查明，原来这么一个原因哦！！！谷歌浏览器中 返回状态码200from disk cache不访问服务器，直接读缓存，磁盘中读取缓存，不是进行ajax进行获取sql的数据导致的。$.ajax({ type: "GET", url: "some/index", cach...
2019-04-18 13:22:45
1963
原创 活动页面，需要判断页面滚动情况进行定位展示位置，
https://github.com/yiminghe/zscroller暂时先放在这里哦！！！
2019-04-11 19:31:25
236
原创 浏览器局部js打印
<!doctype html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1.0, max...
2019-04-10 10:09:12
755
1
转载 React 中组件间通信的几种方式
在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况：父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信下面依次说下这几种通信方式。父组件向子组件通信这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props，子组件得到 props 后进行相应的处理。下面是演示代码：父组件 App.js：...
2019-03-27 18:41:56
609
原创 base64转为图片文件，并上传到服务器
dataURLtoBlob = (dataurl) => { const arr = dataurl.split(',') const mime = arr[0].match(/:(.*?);/)[1] const bstr = atob(arr[1]) let n = bstr.length const u8arr = new Uint8Array...
2019-03-25 10:52:46
2750
原创 react - 绑定键盘敲击回车事件
classAppextendsComponent{keypress(e){if(e.which!==13)returnconsole.log('你按了回车键...')}render(){return(<div>&l...
2019-03-14 16:51:33
6663
1
原创 escape ，unescape 不再使用了，使用encodeURIComponent吧
getUrlParam = function (name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return decodeURICom...
2019-02-28 18:30:25
3364
原创 微信端ios移动端 软键盘收起后，页面内容不回弹
微信端ios移动端 软键盘收起后，页面内容不下滑（界面停留再软键盘上点击表单页面按钮无反应问题）关于这个问题啊，其实解决方案很简单的哦$('input, textarea').on('blur',function(){ // 滚动到顶部 window.scroll(0,0); // 滚动到底部 window.scrollTo(0, document.do...
2019-02-27 16:26:31
1741
原创 图片如何进行height：auto
页面渲染，是先css文件，然后再加载图片，工程中经常会使用到大的图片，如果不进行图片的高度设定，会出现页面跳动，如下图所示，对于用户体验十分不友好，同时，不同尺寸的手机，进行展示图片，图片的高度也不一样，如何进行将图片的高度进行预设置，是目前的问题。 对于这个问题，解决的方案如下，图片外部一定记得要包一层div哦html部分<div class...
2019-02-25 19:56:26
1594
原创 规定范围内 获得n个不重复的随机数 || 单个随机数
/** * selectRandomArr 获得规定范围内的n个不重复的随机数 * lowValue 取值范围的下限 * highValue 取值范围的下限 * number 取值个数 * */ selectRandomArr = (lowValue, highValue, number) => { return new Array(hi...
2019-02-21 21:11:02
244
原创 活动消息滚动显示
该功能实现了一下图示的小功能，可是区域内，进行消息的滚动显示循环。// 列表循环滚动startScrollList = () => { setInterval(function () { // 添加定时器，每1.5s进行转换 $('#activity-list').animate({ marginTop: '-...
2019-02-21 11:47:43
689
原创 适配手机rem，在375px手机型号下，font-size：10px；
<script>!function () { Rem = { init: function (e, n, t) { function i() { var i = Math.min((p ? m[l]().width : s.innerWidth) / (e / n), t...
2019-02-20 15:25:09
1244
原创 canvas绘图模糊问题解析
canvas在高分屏下，绘制文字和线条都会出现模糊的现象。 本以为是因为canvas的功能性兼容性问题，进行查阅相关资料才知道是显示器的问题。具体原因参考这里 举个简单的栗子，在 iPhone3G 时代，屏幕宽度是 320px，其宽度上的物理像素也是 320px；而到了 4s 时代，屏幕宽度依然是 320px，但是宽度上的物理像素却变成了 640...
2019-02-01 15:48:12
777
原创 MacDown的下载以及简单教程使用
同事推荐了一款编辑器，写技术设计文档的利器 --- --- MacDown老规矩，话不多说，直接上下载地址大概样子是酱紫的，使用方法，当然也要给一个链接哦 ...
2019-01-31 17:29:33
1825
1
原创 Visual Studio Code的自我使用
一、下载与安装下载网址：https://code.visualstudio.com/Download选择对应的平台版本下载安装即可。二、初始化安装完成之后，打开软件。右下角提示：安装语言包并将显示语言更改为 中文(简体)。(Install language pack to change the display language to Chinese Simplified.)...
2019-01-27 19:43:08
219
转载 IntelliJ IDEA 最新注册码（截止到2019年5月4日）
呼吁有条件的同学「购买正版」，如果感觉购买正版的压力比较大，古来看看吧直接一个链接过来了，https://blog.youkuaiyun.com/qq_35246620/article/details/80522720
2018-12-04 14:05:02
1155
转载 推荐一款hosts文件管理工具—SwitchHosts
平时在工作中经常会需要修改hosts，那么我推荐你一个hosts的文件管理工具SwitchHosts。软件轻小简单，大小仅1MB。支持多方案同时使用。这是官网github地址哦！http://oldj.github.io/SwitchHosts/这里是下载地址seitchhosts下载地址具体使用方法不进行介绍这里是原文...
2018-12-03 15:06:34
293
原创 CountUp.js，数字滚动增值
countUp.js进行了数据改动的时候进行数值滚动增加的动态效果，这是js文件// target = id of html element or var of previously selected html element where counting occurs// startVal = the value you want to begin at// endVal = ...
2018-11-23 17:55:28
1428
原创 webpack 的小 demo
简单的新手入门教程...安装全局安装（以管理员身份运行命令行，mac电脑进行sudo chown -R $USER /user/local）$ npm install webpack -g初始配置文件package.json（一直回车，就会在项目目录下生成该文件）$ npm init到项目目录安装，将webpack添加到package.json$...
2018-11-13 11:44:09
348
转载 前端面试】前端面试题300道~~熬夜吐血整理
https://blog.youkuaiyun.com/qq_22944825/article/details/78169321 --------------------- 本文来自 傻傻的鱼 的优快云 博客
2018-09-22 19:53:12
971
转载 git 拉取和获取 pull 和 fetch 区别
使用git 直接提交的话 直接 push获取最新版本 有两种 拉取 和 获取 pull 和 fetch git pull 从远程拉取最新版本 到本地 自动合并 merge git pull origin mastergit fetch 从远程获取最新版本 到本地 不会自动合并 merge git fetch origin...
2018-09-07 10:51:50
318
转载 使用Nginx实现反向代理
转载。 https://blog.youkuaiyun.com/Daybreak1209/article/details/51549031一、代理服务器1、什么是代理服务器代理服务器，客户机在发送请求时，不会直接发送给目的主机，而是先发送给代理服务器，代理服务接受客户机请求之后，再向主机发出，并接收目的主机返回的数据，存放在代理服务器的硬盘中，再发送给客户机。2、为什么要使用代理服务器...
2018-08-23 15:44:27
161
转载 MAC上安装git
https://blog.youkuaiyun.com/qq_26754531/article/details/78973284?t=123打开终端（MAC终端在Lauchpad中搜索） 输入命令/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"1...
2018-08-14 11:43:08
1733
原创 浏览器的重绘与重排
浏览器的重绘与重排在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘 (redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程 中将重绘和重排引发的性能问题考虑进去？本文期待可以部分解释以上三个问题。 浏览器从下载文档到...
2018-08-01 15:53:44
244
原创 常用的http状态码
作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的，只有将这些状态码一一弄清楚，工作中遇到的各种问题才能够处理的得心应手。好了，下面就让我们来了解一下比较常见的HTTP状态码吧！2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创...
2018-08-01 14:33:57
229
转载 微信小程序的拖拽、缩放和旋转手势
在开发中，有时会遇到像App中的手势那样的效果，下面就仿照App实现了一下。wxml部分：<view class="touch-container"> <view class="msg">{{msg}}</view> <image class="img" src="{{src}}" style="wid
2018-07-25 10:07:41
4355
1
原创 微信小程序--6位密码输入自动提交
效果如图所示，自动获取焦点，只允许输入数字，6位校验，6位数字自动提交数据，数据提交成功后隐藏输入框，除了点击“忘记密码”，其余的均隐藏交易密码弹窗，公共插件代码如下所示gGitHub地址 ...
2018-07-19 18:16:49
2924
原创 微信小程序地址，右侧边栏带字母滑动
预览效果如下图：app.js文件内容App({ globalData: { trainCity: '杭州' }})app.json文件内容{ "pages": [ "pages/index/index", "pages/citys/citys" ], "window": { "backgroundTextStyle": "light",
2018-07-12 18:56:46
6079
转载 vue插件整合
转摘自点击打开链接UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式...
2018-06-18 16:09:38
2329
原创 vue中的 axios
在学习了之前的路由vue-router和状态管理vuex之后，就应该是网络交互了。技术发展的迅速，出现了不同的新颖的交互方式，这个就是axios，而vue-resource也将逐渐淘汰（Vue 官方建议用 axios 代替 vue-resourse）axios({ method: 'post', url: '/user/12345', data: { fir...
2018-06-18 15:50:53
685
原创 forEach() map()迭代循环的不同
var arr = [1, 2, 3];forEach()arr.forEach(function(item, index, arr){ console.log(i)})// 1// 2// 3forEach()方法用于调用数组的每个元素，将元素传给回调函数。 注意：forEach对于空数组是不会调用回调函数的。 函数都支持3个参数，参数分别是item（当前每一项）...
2018-06-05 16:14:41
548
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人