随笔分类 - 前端开发
前端开发的一些总结和解决方法
摘要：如果你的前端项目平时启动都好好的，突然有一天启动时报错，提示端口被占用了，可以使用如下方法试试 这里不是要说去找哪个端口占用，然后停掉这个进程，因为亲身经历，有时候找不到占用该端口的进程，或者占用该端口的进程杀不掉 方法很简单，重置网络，打开终端运行使用如下命令，然后重启即可，适用window系统，
阅读全文
摘要：webpack2 webpack 3 低版本混淆代码打包 概要 本文档适用 webpack@2+，当然也是适用于 webpack@4 以上版本，vue-cli3+ 或者 webpack@4 推荐这篇 vue 项目代码混淆 上个文档适用于webpack@4+的项目混淆，因为 webpack-obfus
阅读全文
摘要：能做这个笔记我也想不到，遇到这个问题前我对"对数"这个东西已经毫无概念感可言了，据同事所言应该是高中时学的。然后就一直在搜索”怎么计算一个数是另一个数的多少次方？“，”10的多少次方是1000怎么计算？“，”1000是10的多少次方？“ 所以说下，所谓对数，就是对求幂的逆运算。数学上求”1000是1
阅读全文
摘要：vuex 联动 sessionStorage 对数据进行持续存储，防止用户手动刷新页面导致vuex数据丢失，页面出错问题 1. 该方法利用vuex的plugins属性实现，直接放代码，（ sessionStorage.setItem 可以把数据加密下，取值的时候也需要解密） 封装存储和获取存储的方法
阅读全文
摘要：js 里判断变量类型大概分为三种方法 1. typeof 比较常用的 先排除几个特殊情况，之后的逻辑可能就能清晰点如下 1 // 特殊的基本数据类型判断 2 typeof null // 'object' 3 // 特殊的引入数据类型判断 4 typeof function () {} // 'fu
阅读全文
摘要：自己封装难免出bug，建议使用dayjs，占用小而且很好用 文档参考 Day.js · 中文文档 - 2kB 大小的 JavaScript 时间日期库 (gitee.io) 下面是自己封装的 js格式化时间戳，根据传入时间格式返回相应格式的时间 1 function (date = 0, fmt =
阅读全文
摘要：前端下拉刷新，上拉加载的实现一直都有很多坑，今天入以下 better-scroll 的坑，先附上 better-scroll 的官方文档，如果要深入使用还是得看文档 查看链接 第一步 先看下better-scroll实现时的dom结构,如下代码 如上 第二步 初始化 better-scroll, 代
阅读全文
摘要：方法介绍： 1. 该方法是个 promise 对象，因为不管是用 GPS 还是高德定位都是异步的 2. 方法优先是用 h5 自带 API 进行 GPS 定位，如果获取不到位置会使用高德定位（高德定位需要高德的key），如果都没获取到，那就经纬度都返回 0 3. 该 promise 封装的很拙略，能力
阅读全文
摘要：前端开发其实对系统要求不高，除非不是特别老旧的机器，都没有必要使用linux来开发，碰巧我用的是一台12年的宏碁4750， 装win7都卡，从开机到电脑连上网不花个10-15分钟是别想。deepin系统的安装就不说了，直接说在deepin下搭建前端开发环境， ubuntu系统也可参考。注意：这里用的
阅读全文
摘要：该文搜集一些前端特殊样式的重置 去掉ios系统中元素被触摸时产生的半透明灰色遮罩 禁用PC端表单输入框默认清除按钮
阅读全文
摘要：你可能以为我要来一波循环操作，对数据结构进行分析什么的，不，方法如下（仅适用json那样的对象或者数组，如果对象或者数组中有类似Date,Function这种是不适用的(推荐插件lodash的cloneDeep)） 1 const obj = { 2 key1: 'value1', 3 key2:
阅读全文
摘要：解决因使用fastclick 导致的iOS 机型点击输入框不能聚焦，或者点击多次才能聚焦的问题 引入 fastclick 并重写其 focus 方法 以上
阅读全文
摘要：找到一个好用的下拉刷新，上拉加载的vue 插件 vue-scroller, git 地址 return 今天写了个触底加载的组件，因为经常用到，之前总会遇到一种需求，就是有一个列表，可以实现下拉刷新，上拉加载， 找了一个一个的插件，填了一个一个的坑后，决定自己写个触底加载，简单实现下这个功能，不要跟
阅读全文
摘要：第一步： 写一个全局的插件 globle.js 并添加个Vue指令 v-validate , 并在其中定义验证规则，如下，添加了输入字数限制和仅支持输入数字校验 第二步： mian.js 中引入并 use 第三步： 在页面中使用，可以看出校验规则是在 v-validate 指令的参数中传入的，需要用
阅读全文
摘要：先来个简单的例子试试水 上面的代码添加了一个简单的axios请求，使用get方法请求一张图片，然后以百分比的形式打印出我们从服务器下载这张图片的进度，大家可以把 url 参数换成一张比较大的图片链接试试。 用了上面的例子应该就对这个下载请求进度调有所掌握了，但我们经常是将axios封装之后使用的，如
阅读全文
摘要：1. 引入axios 2. 引入接口 api 接口 api 格式如下 3. 配置本地测试和线上的请求域名 a. node 环境可以用 process.env.NODE_ENV 来判断是不是在本地环境， b. 不是node 环境就用你的本地域名判断吧， 127.0.0.1 localhost 什么的
阅读全文
摘要：1. dom 生成图片 此处使用的是 html2canvas 插件 和canvas2image插件 html2canvas 方法的第二个入参还有很多选项可以配置，详情请看这里这里 html js 2. 链接生成二维码 这里使用的是 qrcode 插件，没找到官网和git 项目，只有 npm 链接 ，
阅读全文
摘要：vue 好用的组件库 js方法工具扩展库 lodash 移动端： ant-design-vue, mint-ui, vux，vant 移动端： ant-design-vue, mint-ui, vux，vant 前端页面调试 vconsole，eruda 单独的选择时间日期插件 laydate 前端
阅读全文
摘要：移动端还是推荐使用 rem 吧 1. 引入下面 js 文件 2. 将 pageWidth 改为设计图宽度 3. rem 值 = 像素值 / 100 以上
阅读全文
浙公网安备 33010602011771号