随笔分类 -  前端优化

大屏适配：flexible.js的源码及配置
摘要：flexible.js 进行屏幕适配，flexible.js把屏幕分成24等份（也可以自定义别的份数），1920/24=80，所以此时适配时1rem=80px。在VSCode中使用“cssrem”插件，自动转换。在设置中把转换单位换成80。使用时直接引入js文件即可。 (function flexi 阅读全文
posted @ 2021-07-21 13:43 归尘2016 阅读(915) 评论(0) 推荐(0)
Webpack配置区分开发环境和生产环境
摘要：在项目开发的时候，我们通常会将程序分为开发环境和生产环境（或者叫线上环境），开发环境通常指的是我们正在开发的这个阶段所需要的一些环境配置，也就是方便我们开发人员调试开发的一种环境；生产环境通常指的是我们将程序开发完成经过测试之后无明显异常准备发布上线的环境，也可以理解为用户可以正常使用的就是生产环境 阅读全文
posted @ 2021-03-06 22:37 归尘2016 阅读(671) 评论(0) 推荐(0)
前端技术文档地址综合
摘要：前端文档地址： 综合文档 https://www.w3cschool.cn/ 文档 element.UI https://element.eleme.io/#/zh-CN ES6 https://es6.ruanyifeng.com/ Vue https://cn.vuejs.org/v2/api/ 阅读全文
posted @ 2021-01-15 09:59 归尘2016 阅读(81) 评论(0) 推荐(0)
windows下MongoDB的安装和启动服务--转载
摘要：安装下载后直接点击next，可以点击custom选项自定义安装目录，我的安装目录是在F:\mongoDB 目录结构： 安装完成时没有data和mongod.cfg，这是后续需要自己新建 配置在安装的根目录下(跟bin同级)新建文件夹data，在data文件夹下新建db文件夹用作为数据库目录我的目录： 阅读全文
posted @ 2020-03-17 11:38 归尘2016 阅读(364) 评论(0) 推荐(0)
vue中使用骨架 vue-skeleton-webpack-plugin
摘要：1、调试的时候可以在浏览器中修改network为slow 3g这样加载的时间就比较长 一、安装webpack插件 npm install vue-skeleton-webpack-plugin 二、创建模板文件，如果不同的路由界面显示不同的模板可以创建过个模板文件，我在src文件夹下面创建了三个文件 阅读全文
posted @ 2020-03-13 14:42 归尘2016 阅读(2452) 评论(0) 推荐(0)
markDown 生成带侧边栏的目录
摘要：1.首先安装马克飞象 2.第二步安装 npm install -g i5ting_toc 3.进入 md 文件所在的文件夹后, 输入命令: i5ting_toc -f sample.md -o sample.md是你的文件名 此时你的桌面上就会出现一个preview的文件夹 阅读全文
posted @ 2019-07-19 14:03 归尘2016 阅读(3507) 评论(0) 推荐(0)
JS调试分享技巧
摘要：1. 学会使用console.log console.log谁都会用，但是很多同学只知道最简单的console.log(x)这样打印一个对象，当你的代码里面console.log多了之后，会很难将某条打印结果和代码对应，所以我们可以给打印信息加上一个标签便于区分： 2. 学会使用console.ti 阅读全文
posted @ 2019-06-21 11:21 归尘2016 阅读(225) 评论(0) 推荐(0)
数组去重，排序，重复次数，两个数组合并，两个数组去重，map(),filter(),reduce()
摘要：数组 阅读全文
posted @ 2019-05-30 11:38 归尘2016 阅读(2456) 评论(0) 推荐(0)
SVN合并主干分支的方法
摘要：第一步 第二步 第三步 第四步 阅读全文
posted @ 2019-05-17 17:43 归尘2016 阅读(136) 评论(0) 推荐(0)
简单明了区分escape、encodeURI和encodeURIComponent
摘要：二、escape和它们不是同一类 简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uXXXX这种形式。其中 ASCII字母、数字、@*/+ ，这几个字符不会被编码，其余的都会。最关键的是，当你需要对URL编码 阅读全文
posted @ 2018-07-25 11:34 归尘2016 阅读(1667) 评论(1) 推荐(1)
添加阿里巴巴图标，让你页面小图标都是CSS3写成
摘要：第一步把你想要的小图标添加到购物车里，然后如图下载 第二步下载完了，如下图有这些文件 第三步，把你需要的必要文件放到文件夹中，然后把需要的代码放到一个CSS中，然后引用 备注，这几个文件就是字体，必须要，然后再来就是用CSS文件应用 有个这样的文件，然后把里面的代码粘贴出来 如下图 阅读全文
posted @ 2018-04-08 13:42 归尘2016 阅读(612) 评论(0) 推荐(0)
设置cookie，获取cookie
摘要：封装cookie获取方法一 function getCookie(key) { var key = encodeURIComponent(key); var result; var pairs = document.cookie.split('; '); var i, len, item, value; for ... 阅读全文
posted @ 2018-03-25 20:34 归尘2016 阅读(279) 评论(0) 推荐(0)
JS高级程序随笔二
摘要：var person1={ toLoginString:function(){ return "lili"; }, toString2:function(){ return "greg"; }};var person2={ toLoginString:function(){ return "lili 阅读全文
posted @ 2018-03-07 09:56 归尘2016 阅读(98) 评论(0) 推荐(0)
无缝滚动插件
摘要：;(function($){ $.fn.moveUp=function(options){ var defaults = {//初始化参数 moveHeight:22, time:2000 }; var opts =$.extend({},defaults,options);//扩展参数 var a 阅读全文
posted @ 2017-11-08 18:07 归尘2016 阅读(128) 评论(0) 推荐(0)
纯css隐藏移动端滚动条解决方案（ios上流畅滑动）---转载
摘要：html代码展示（直接复制代码保存至本地文件运行即可）： 设置滚动条隐藏： .container ::-webkit-scrollbar {display: none;}此时效果已经实现，既可滑动对应元素的内容，也隐藏了滚动条。但是，ios上的滑动效果很不流畅，不利于用户体验，Android上是ok 阅读全文
posted @ 2017-09-22 11:42 归尘2016 阅读(965) 评论(0) 推荐(0)
jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部
摘要：webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍，欢迎关注 阅读全文
posted @ 2017-09-05 14:54 归尘2016 阅读(598) 评论(0) 推荐(0)
关于缓存问题，前端
摘要：首先声明一个全局变量 var _mallModel = ""; 不管在AJAX回调中还是其他封装好的回调中这么来处理缓存 阅读全文
posted @ 2017-09-05 14:11 归尘2016 阅读(167) 评论(0) 推荐(0)
前端优化几项
摘要：1.JS,css各自压缩 2.把.lenth保存 3.多个JS合并成一个JS，前提每个ＪＳ必须有独立的空间，这样合并才不会冲突 阅读全文
posted @ 2017-01-13 11:28 归尘2016 阅读(140) 评论(0) 推荐(0)