- 博客(46)
- 收藏
- 关注
转载 彻底弄懂强缓存与协商缓存
https://www.jianshu.com/p/9c95db596df5在工作中,前端代码打包之后的生成的静态资源就要发布到静态服务器上,这时候就要做对这些静态资源做一些运维配置,其中,gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。缓存的优点:减少了不必要的数据传输,节省带宽 减少服务器的负担,提升网站性能 加快了客户端加载网页的速度 用户体验...
2019-12-04 23:06:15
437
原创 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
476
原创 下拉加载组件,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
1063
转载 Mac安装Python2和Python3、pip2和pip3、ipython2和ipython3
https://www.jianshu.com/p/3701ff3399dd链接在上,自行拿取
2019-08-20 16:23:52
795
原创 show一个炫酷的css效果吧
这是一张很普通的风景图,如何将这个图片进行炫酷化捏?这里是源代码哦!https://codepen.io/liuxiaoanita/pen/zQvdzR
2019-07-11 15:26:40
439
转载 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
896
1
原创 from disk cache 不访问服务器,直接读缓存
刚刚遇到一个问题,删除一个数据以后,历史返回页面,该页面中删除的这个数据,还是会存在,最后查明,原来这么一个原因哦!!!谷歌浏览器中 返回状态码200from disk cache不访问服务器,直接读缓存,磁盘中读取缓存,不是进行ajax进行获取sql的数据导致的。$.ajax({ type: "GET", url: "some/index", cach...
2019-04-18 13:22:45
1880
原创 活动页面,需要判断页面滚动情况进行定位展示位置,
https://github.com/yiminghe/zscroller暂时先放在这里哦!!!
2019-04-11 19:31:25
205
原创 浏览器局部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
698
1
转载 React 中组件间通信的几种方式
在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信下面依次说下这几种通信方式。父组件向子组件通信这是最简单也是最常用的一种通信方式:父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。下面是演示代码:父组件 App.js:...
2019-03-27 18:41:56
560
原创 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
2715
原创 react - 绑定键盘敲击回车事件
classAppextendsComponent{keypress(e){if(e.which!==13)returnconsole.log('你按了回车键...')}render(){return(<div>&l...
2019-03-14 16:51:33
6561
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
2618
原创 微信端ios移动端 软键盘收起后,页面内容不回弹
微信端ios移动端 软键盘收起后,页面内容不下滑(界面停留再软键盘上点击表单页面按钮无反应问题)关于这个问题啊,其实解决方案很简单的哦$('input, textarea').on('blur',function(){ // 滚动到顶部 window.scroll(0,0); // 滚动到底部 window.scrollTo(0, document.do...
2019-02-27 16:26:31
1679
原创 图片如何进行height:auto
页面渲染,是先css文件,然后再加载图片,工程中经常会使用到大的图片,如果不进行图片的高度设定,会出现页面跳动,如下图所示,对于用户体验十分不友好,同时,不同尺寸的手机,进行展示图片,图片的高度也不一样,如何进行将图片的高度进行预设置,是目前的问题。 对于这个问题,解决的方案如下,图片外部一定记得要包一层div哦html部分<div class...
2019-02-25 19:56:26
1548
原创 规定范围内 获得n个不重复的随机数 || 单个随机数
/** * selectRandomArr 获得规定范围内的n个不重复的随机数 * lowValue 取值范围的下限 * highValue 取值范围的下限 * number 取值个数 * */ selectRandomArr = (lowValue, highValue, number) => { return new Array(hi...
2019-02-21 21:11:02
206
原创 活动消息滚动显示
该功能实现了一下图示的小功能,可是区域内,进行消息的滚动显示循环。// 列表循环滚动startScrollList = () => { setInterval(function () { // 添加定时器,每1.5s进行转换 $('#activity-list').animate({ marginTop: '-...
2019-02-21 11:47:43
652
原创 适配手机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
1205
原创 canvas绘图模糊问题解析
canvas在高分屏下,绘制文字和线条都会出现模糊的现象。 本以为是因为canvas的功能性兼容性问题,进行查阅相关资料才知道是显示器的问题。具体原因参考这里 举个简单的栗子,在 iPhone3G 时代,屏幕宽度是 320px,其宽度上的物理像素也是 320px;而到了 4s 时代,屏幕宽度依然是 320px,但是宽度上的物理像素却变成了 640...
2019-02-01 15:48:12
658
原创 MacDown的下载以及简单教程使用
同事推荐了一款编辑器,写技术设计文档的利器 --- --- MacDown老规矩,话不多说,直接上下载地址大概样子是酱紫的,使用方法,当然也要给一个链接哦 ...
2019-01-31 17:29:33
1567
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
164
转载 IntelliJ IDEA 最新注册码(截止到2019年5月4日)
呼吁有条件的同学「购买正版」,如果感觉购买正版的压力比较大,古来看看吧直接一个链接过来了,https://blog.csdn.net/qq_35246620/article/details/80522720
2018-12-04 14:05:02
1104
转载 推荐一款hosts文件管理工具—SwitchHosts
平时在工作中经常会需要修改hosts,那么我推荐你一个hosts的文件管理工具SwitchHosts。软件轻小简单,大小仅1MB。支持多方案同时使用。这是官网github地址哦!http://oldj.github.io/SwitchHosts/这里是下载地址seitchhosts下载地址具体使用方法不进行介绍这里是原文...
2018-12-03 15:06:34
262
原创 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
1352
原创 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
302
转载 前端面试】前端面试题300道~~熬夜吐血整理
https://blog.csdn.net/qq_22944825/article/details/78169321 --------------------- 本文来自 傻傻的鱼 的CSDN 博客
2018-09-22 19:53:12
928
转载 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
297
转载 使用Nginx实现反向代理
转载。 https://blog.csdn.net/Daybreak1209/article/details/51549031一、代理服务器1、什么是代理服务器代理服务器,客户机在发送请求时,不会直接发送给目的主机,而是先发送给代理服务器,代理服务接受客户机请求之后,再向主机发出,并接收目的主机返回的数据,存放在代理服务器的硬盘中,再发送给客户机。2、为什么要使用代理服务器...
2018-08-23 15:44:27
134
转载 MAC上安装git
https://blog.csdn.net/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
1693
原创 浏览器的重绘与重排
浏览器的重绘与重排在项目的交互或视觉评审中,前端同学常常会对一些交互效果质疑,提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘 (redraw)和重排(reflow),需要付出高昂的性能代价。那么,什么是浏览器的重绘和重排呢?二者何时发生以及如何权衡?如何在具体的开发过程 中将重绘和重排引发的性能问题考虑进去?本文期待可以部分解释以上三个问题。 浏览器从下载文档到...
2018-08-01 15:53:44
193
原创 常用的http状态码
作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的,只有将这些状态码一一弄清楚,工作中遇到的各种问题才能够处理的得心应手。好了,下面就让我们来了解一下比较常见的HTTP状态码吧!2开头 (请求成功)表示成功处理了请求的状态代码。200 (成功) 服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 201 (已创建) 请求成功并且服务器创...
2018-08-01 14:33:57
209
转载 微信小程序的拖拽、缩放和旋转手势
在开发中,有时会遇到像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
4279
1
原创 微信小程序--6位密码输入自动提交
效果如图所示,自动获取焦点,只允许输入数字,6位校验,6位数字自动提交数据,数据提交成功后隐藏输入框,除了点击“忘记密码”,其余的均隐藏交易密码弹窗,公共插件代码如下所示gGitHub地址 ...
2018-07-19 18:16:49
2803
原创 微信小程序地址,右侧边栏带字母滑动
预览效果如下图:app.js文件内容App({ globalData: { trainCity: '杭州' }})app.json文件内容{ "pages": [ "pages/index/index", "pages/citys/citys" ], "window": { "backgroundTextStyle": "light",
2018-07-12 18:56:46
5902
转载 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
2307
原创 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
659
原创 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
527
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人