- 博客(113)
- 收藏
- 关注
RSS订阅转载 web前端性能&SEO优化
web前端性能&SEO优化浏览器访问优化浏览器请求处理流程如下图：1、减少http请求，合理设置 HTTP缓存http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性能。减少http的主要手段是合并CSS、合并javascript、合并图片。将浏览器一次访问需要的javascript和CSS合并成一个文件，这样浏览器就只需要一次请求。
2020-07-13 23:42:05
670
转载 js命名规范
js命名规范js命名应遵循 简洁、语义化 的原则一、变量命名方法: 小驼峰式命名法命名规范：前缀为形容词 （函数前缀为动词, 以此来区分函数和变量）# 好的命名方式let maxCount = 10;let tableTitle = '啦啦啦';# 不好的命名方式let setConut = 10;let getTitle = '啦啦啦';二、常量命名方法：名词全部大写命名规范：使用大写字母和下划线来组合命名，下划线用来分割单词。const MAX_COUNT = 10;co
2020-07-13 23:31:26
1815
转载 小程序图片加载不出来（显示）
小程序图片加载不出来（显示）在wxml页面中使用标签展示图片，图片路径使用的是本地图片。现象：图片在开发者工具上可以显示出来。但是在手机上显示不出来，解决：最后发现是因为我把图片名字的前缀中包含中文的原因。现象：开发工具可以展现的图片却在真机预览时没法展示原因：如果使用的是src引入的图片路径，将图片前缀使用https的，不要使用http的。...
2020-07-13 23:21:37
2565
转载 公众号菜单栏如何直接跳转小程序
公众号菜单栏如何直接跳转小程序有些朋友想在菜单栏设置一个接口直接跳转到小程序，那么如何设置呢？打开网页用自己账号密码登录微信公众号，来到公众号首页。在首页左侧的功能选项中选择自定义菜单，如果你没有授权给第三方的话可以在这里设置。打开自定义菜单之后，你可以在这里设置菜单，选择一个菜单。不要选择有子菜单的母菜单。选择好了一个菜单之后，你会看到右边除了菜单名称设置，还有菜单内容设置，选择跳转小程序。选择了跳转小程序后点击选择小程序，在公众号已经绑定的小程序里选择一个。选择了小程序后你可以看
2020-07-13 23:18:01
12971
1
转载 微信小程序的页面跳转和参数传递
微信小程序的页面跳转和参数传递微信小程序提供页面的跳转的3种方法：方法一：使用API wx.navigateTo()函数方法二：使用API wx.redirectTo()函数wx.navigateTo()和wx.redirectTo()的区别：wx.navigateTo()是保留当前页面，跳转到某个页面，跳转页面后可以返回上一页。wx.redirectTo()是关闭当前页面，跳转到某个页面，跳转页面后不能返回上一页。方法三：使用组件 index.wxml:跳转的数据传递以
2020-07-13 23:12:29
924
转载 微信小程序 手机号码验证
微信小程序 手机号码验证wxml<form bindsubmit='formSubmit'> <view class='all'> <text>手机号：</text> <input name="phone" placeholder='请输入手机号' type='number' style='color:#333' placeholder-style="color:#666" maxlength="11" bindinput='bl
2020-07-12 22:16:18
1238
转载 微信小程序中this指向作用域问题this.setData is not a function报错
微信小程序中this指向作用域问题this.setData is not a function报错在微信小程序中我们一般通过以下方式来修改data中的数据this.setData({ index1: e.detail.value })比如在函数里面修改数据bindFaChange1: function (e) { this.setData({ index1: e.detail.value }) }但是当我们通过wx.request请求网络数据
2020-07-12 22:13:58
352
转载 为 JetBrains 系列 IDE 设置背景图片
为 JetBrains 系列 IDE 设置背景图片为 JetBrains 系列的 IDE 设置背景图片有两种途径：通过第三方插件；通过 IDE 自身提供的功能。其中第一种（插件方式）已经存在很长时间，第二种（IDE）则隐藏的很深，通常很难发现，我也是最近才知道有这个方法，不知道 JetBrains 官方是怎么考虑的？方法一：插件首先说插件。提供背景设置的插件也有几种，不过最知名的大概要算 Sexy Editor， 你可以从 插件仓库中找到并安装：安装完成后重新启动 IDE。在 Setti
2020-07-12 22:06:40
2432
转载 微信小程序 动态绑定 style 样式 和class
微信小程序 动态绑定 style 样式 和class<view class="changeImageView" style="display:{{displayPhoto}}" ><view class="operbtn">测试</view></view><view class="section section_gap"><view class="section__input"><button class="
2020-07-12 21:56:27
7484
转载 vue之懵B报错小结
vue之懵B报错小结用vue也一段时间了，踩坑无数，关键是有些报错真的一看就让人头大很，完全蒙圈，不知道是啥原因，因此想做个总结，也供爱学习的大家一起进步，有别的原因，或者写的有错误（当然没验证过的我坚决不会发表-_-）的欢迎指正…1. Cannot read property ‘_withTask’ of undefined原因：你写了click方法，但是却没有实现，例如你在.vue文件中写了@click=“showMydialog”，但是你在相应的文件中去搜索这个方法，肯定是找不到的2. Ty
2020-07-12 21:38:52
700
转载 小程序的状态栏、导航条、标题、窗口背景色的设置
小程序的状态栏、导航条、标题、窗口背景色的设置关于小程序导航顶部配置都写在.json文件中。相关属性及属性值属性类型默认值描述最低版本navigationBarBackgroundColorHexColor#000000导航栏背景颜色，如"#000000"navigationBarTextStyleStringwhite导航栏标题颜色，仅支持black/whitenavigationBarTitleTextString导航栏标题文字内容
2020-07-12 21:34:13
1792
转载 微信小程序TabBar的使用
微信小程序TabBar的使用一、TabBar使用步骤 1.创建所需要的界面和所需要的图片：配置文件：我们找到项目根目录中的配置文件 app.json 加入如下配置信息"tabBar": { "color": "#a9b7b7", "selectedColor": "#11cd6e", "borderStyle": "white", "list": [ { "selectedIconPath": "image/tab_ho
2020-07-12 21:10:51
11391
转载 小程序api-innerAudioContext的使用
innerAudioContext的使用因为官方文档中innerAudioContext直接复制使用可能会有问题，这里应该将const innerAudioContext = wx.createInnerAudioContext()放到Page外面。其他放到onLoad函数中。<!-- audio.wxml --><audio src="{{src}}" id="myAudio" ></audio><button type="primary" bindt
2020-07-12 21:02:29
727
原创 关于在VUE中使用sass loader报错的问题
关于在VUE中使用sass loader报错的问题一般是关于依赖问题因为npm的跨境问题导致很多包下载断点，故使用淘宝镜像方可解决问题。能处理百分之七十的问题关于webpack问题可能由于webpack的版本太高导致安全不成功，导致报错，但报错之后会自动安装低于最高webpcak版本的一个版本的老包由于sass-loader版本太高问题在根目录中的入口文件中package.json文件中的sass-loader改7.3.1的老版本型号，在重新跑一次依赖方可解决...
2020-07-05 15:43:50
412
原创 git基础使用方法
Git 是分布式的代码管理工具，远程的代码管理是基于 SSH 的，所以要使用远程的 Git 则需要 SSH 的配置。github 的 SSH 配置如下：一 、设置 Git 的 user name 和 email：$ git config --global user.name "XXX"$ git config --global user.email "XXXX"二、生成 SSH 密钥过程：1. 查看是否已经有了 ssh 密钥：cd ~/.ssh如果没有密钥则不会有此文件夹，有则备份删除
2020-07-05 15:41:41
93
原创 git忽略上传文件目录问题
git同步代码需屏蔽目录在共同开发的工程中我们需要不断的提交代码同步代码，但是在有的时候会同步进许多没有用的文件夹所以需要将git工具配置一下忽略文件这里使用的工具为Sourcetree将一下文件拷贝进去就可zdocztestnode_modulesdistbuildingruntimeuploads.idea...
2020-07-05 15:38:17
231
转载 js报错- cannot set property xxx of undefined
js报错- cannot set property xxx of undefinedjs - cannot set property xxx of undefinedusers.bucketList = [];var td_id=0var bucket = users.bucketList[td_id];if (bucket == null || bucket == '' || bucket == 'undefined'){ // users.bucketList[td_id] = {};
2020-07-05 15:30:11
4291
转载 JS中使用Math.round(x)来替代toFixed()四舍五入保留1位小数点精度不准确的解决方法
JS中使用Math.round(x)来替代toFixed()四舍五入保留1位小数点精度不准确的解决方法客户下单时，单价和数量存在两位小数，但总价需要保留一位小数，且需要四舍五入，最先开始在小程序页面的js中使用toFixed(1)函数保留一位小数并四舍五入，经测试没问题，能够正常使用。但在实际生产环境中，订单量增多的情况下总价会出现很多种比如1.65，22.85等小数点第二位是5的情况下就会发现保留1位小数后并没有四舍五入，得到的值是1.6和22.8，究其原因还是怪自己测试的时候数据量不够全面。发现问
2020-07-05 15:19:06
959
转载 Web前端开发流程
Web前端开发流程开发前准备了解产品和设计参加需求、交互、视觉会议，了解产品设计和项目成员。了解产品面向的设备和平台。了解产品对兼容性的要求以及是否采用响应式设计等。提出疑问和见解按需求结合现有技术，提出疑问和见解。提出可能存在的问题（技术实现，性能问题等），协商解决方案（如优雅降级、渐进增强）并达成共识。提出当下已掌握新技术可能在项目中的应用场景，协助产品创新。不要采用未掌握的技术创新。预算人力和时间根据项目工期要求及工作量，预算人力和时间。挑选前端成员组成前端小组，拟定技术选型。
2020-07-05 15:12:47
1070
转载 微信小程序跳转公众号
微信小程序跳转公众号开发者在小程序内设置公众号关注组件时，需小程序与公众号****主体一致。设置完成后，当用户线下扫码进入小程序时，就能便捷地关注公众号，并获取更好、更完整的服务了。设置了关注公众号功能的商家，无需在门店同时放置小程序码和公众号二维码。一个小程序码就能做到**“*一码两用*”**，为用户提供高效的服务体验。第一步需要在公众号关联小程序然后在关联的小程序设置中如图：第二步然后在小程序中需要展示关注的页面进行添加以下代码<official-account></o
2020-07-05 15:09:34
3009
转载 echarts更改坐标轴文字颜色及大小
echarts更改坐标轴文字颜色及大小xAxis: { data: anameArr, axisLabel: { show: true, textStyle: { color: '#c3dbff', //更改坐标轴文字颜色 fontSize : 14 //更改坐标轴文字大小 } }, axisTick: { show: false },
2020-07-05 15:07:20
2211
转载 ECharts 图表显示颜色修改
ECharts 图表显示颜色修改需求：改变Echarts引入图表的显示颜色解决方案：通过查询Echarts配置手册，color设置色板颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。默认的颜色列表如下：['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']配置color属性自定义颜
2020-07-05 15:05:22
939
转载 微信小程序—生成二维码工具weapp-qrcode.js的使用
微信小程序—生成二维码工具weapp-qrcode.js的使用在小程序中引入weapp-qrcode.js，然后在需要转化的页面引入这个js，var QRCode=require("../../utils/weapp-qrcode.js")页面wxml <canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas>开始var qrcode = new QRCode('canvas', {
2020-07-05 15:04:00
3831
转载 uniapp的微信小程序，获取授权，获取中文街道地理位置
uniapp的微信小程序，获取授权，获取中文街道地理位置添加小程序，兑换各种视频教程/数据资源详细见代码：在需要.vue页面调用如下方法。onReady(){ this.isGetLocation();},methods: { getAuthorizeInfo(a="scope.userLocation"){ //1. uniapp弹窗弹出获取授权（地理，个人微信信息等授权信息）弹窗 var _this=this; uni.authorize({ scope: a,
2020-07-05 14:55:10
882
转载 web前端命名规范整理
web前端命名规范整理一个得到广泛推崇的东西，必然有它的优势所在。web语义化：1、可以让人一目了然这块是什么鬼，那块是什么鬼，对于项目的维护或者优化都是非常有意义的。2、随着html5语义化标签的出现，我推测以后web语义化对于seo优化，还是非常有利的。也就是说，seo优化，必然也要考虑web语义化。如：可以很好的代替传统的。那怎样愉快的玩耍web语义化呢？1）标签语义化，如在合适的地方用合适的语义化标签，如头部可用、尾部可用；2）命名语义化，包括html的id和class的命名，java
2020-07-05 14:52:24
531
转载 使用硬件加速来解决phpstorm很卡的问题-适用于同类型软件
使用硬件加速来解决phpstorm很卡的问题修改两个JAVA虚拟机参数操作步骤如下：找到phpstorm.vmoptions文件，使用记事本打开。添加以下两行代码：[java]view plaincopy-Dawt.usesystemAAFontSettings=lcd-Dawt.java2d.opengl=true保存退出。原因：phpstorm是使用JAVA开发的。由于IDE提供源文件关键字渲染功能，我们对文件的任何编辑或移动鼠标，都会触发渲染操作。而phpstorm默认的JAVA环境
2020-07-05 14:50:53
359
转载 H5页面调用手机打电话功能
H5页面调用手机打电话功能里面加上：<meta name="format-detection" content="telephone=yes"/>需要拨打电话的地方：<a href="tel:400-0000-688">400-0000-688</a>发短信：<a href="sms:18688888888">发短信</a>点击 页面上的电话号码 ，页面会调用手机的电话接口。...
2020-07-05 14:48:59
312
转载 监听 vue点击Div外层 的事件，并实时销毁
监听 vue点击Div外层 的事件，并实时销毁1、场景2、代码 watch:{ show_login_out(newVal, oldVal){ if(newVal === true){ alert('开始监听') // 若显示，则监听失去焦点事件。 document.addEventListener('click',this.click_out_side, t
2020-07-05 14:47:33
1346
转载 vue表单验证库async-validator的使用 elementUi + form
vue表单验证库async-validator的使用 elementUi + form目前使用vue在构建登录注册页面的时候,一般都是引入elementUi的form组件.它添加了async-validator.大幅提升了开发效率.async-validator是一个用来验证数据规则的一个库.它的github地址是https://github.com/yiminghe/async-validator .我们可以在elementui里直接使用它.下面介绍它的使用方法.其实很简单,我们直接复制eui官
2020-07-05 14:46:18
3496
转载 elementui 上传图片转base64
elementui 上传图片转base64做项目的时候，遇到需要上传图片的需求，虽然已经做好了，但是想想PC端有时候也会遇到（这次是移动端的），所以就想到了用elementui搞一下，但是遇到了一个问题，后台接收图片的是base64的，所以这里需要把图片转成base64再上传，1、使用elementui组件的时候，需要再on-change绑定一个方法来接收图片信息，auto-upload（是否立即上传图片）需要设置成false，例子中用的是手动上传<el-upload class="
2020-07-05 14:44:15
1776
1
转载 报错Unexpected token 「 in JSON at position 0 的错误解析
报错Unexpected token < in JSON at position 0 的错误解析Unhandled Rejection (SyntaxError): Unexpected token < in JSON at position 0当你发送一个HTTP请求，可能是用Fetch或者其他的Ajax库，可能会出现这个错误提示，或者相似的错误。接下来我将解释这是由什么引起的，我们应该怎样解决这些问题引起的原因这些错误发生在当你向服务器发送请求，返回值不是JSON而用JSON的
2020-07-05 14:42:41
29071
转载 macOS 10.12 关闭虚拟内存的方法
macOS 10.12 关闭虚拟内存的方法引（fei）言（hua）昨天看大家非常纠结Mac内存爆表的问题，我也是纠结的很啊！学过计算机基础的朋友们都知道，电脑的内存分为物理内存和虚拟内存，物理内存就是插在主板上的内存条，当物理内存满了的时候，电脑就会占用一部分硬盘空间作为虚拟内存。现在的电脑都是SSD的硬盘，读写次数有限，假使物理内存天天爆表，SSD被当作虚拟内存写来写去，那岂不是要提前报废的节奏？于是我就上网查了查macOS如何关闭虚拟内存，查到了下面这篇文章：http://www.xitongzh
2020-07-05 14:36:27
3424
转载 Chrome浏览器已有密码自动填充时出现的背景色去除办法
Chrome浏览器已有密码自动填充时出现的背景色去除办法本菜菜搜了很多文档都没找到办法解决，这个是大神帮我解决的。先讲讲我去掉这个背景的历程：首先，我设置input标签属性autocomplete=“off” ，无效+1<input autocomplete="off"/>其次，input:-webkit-autofill设置背景色为透明和设置相应的字体颜色，无效+1input:-webkit-autofill{ background-color: rgba(255,2
2020-07-05 14:33:35
766
1
转载 Webstorm 超实用配置教程
Webstorm 超实用配置教程一、下载安装包Webstorm 2017.1.4 百度云盘下载地址:https://pan.baidu.com/s/1kVqoPJh二、安装过程（包含输入注册码永久使用）双击下一步下一步即可，过程中有几个步骤说明一下：\1. 配置 Webstorm 安装项选择 64 位，防止桌面 Webstorm 快捷方式打不开。配置 Webstorm 安装项\2. 是否导入 Webstorm 配置信息这里的意思是之前使用过 Webstorm ，并且配置过，Webstor
2020-07-04 00:24:26
6407
1
转载 HTTP协议【详解】——经典面试题
HTTP协议【详解】——经典面试题http请求由三部分组成，分别是：请求行、消息报头、请求正文HTTP（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用。1、常用的HTTP方法有哪些？****GET： 用于请求访问已经被URI（统一资源标识符）识别的资源，可以通过URL传参给服务器。**POST：**用于传输信息给服务器，主要功能与GET方法类似，但一
2020-07-04 00:19:36
128
转载 vue项目打包后css背景图路径不对的问题
vue项目打包后css背景图路径不对的问题问题描述：自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图：当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。如下两张图对比图一：使用npm run dev命令访问图二：使用npm run build命令打包之后，访问dist目录下的文件，出现的问题，背景
2020-07-04 00:15:02
394
转载 vue报错[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String.
[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String.可能是下面几种情况导致出现的上面错误:
2020-07-04 00:12:28
2275
转载 vue.nextTick()方法的使用详解（简单明了）
vue.nextTick()方法的使用详解（简单明了）什么是Vue.nextTick()？？定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码；理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数，<template&
2020-07-02 00:18:13
106
转载 如何在vue项目中使用md5加密
如何在vue项目中使用md5加密npm安装：npm install --save js-md51.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('holle') // bcecb35d0a12baad472fbe0392bcc0432.或者在main.js文件中将md5转换成vue原型： import md5 from 'js-md5';Vue.prototype.$md5 = md5;在需要用到的文件中使用：this.$md5
2020-07-02 00:14:26
209
转载 vue2.0 实现全选和全不选
vue2.0 实现全选和全不选实现思路：1、 v-model 一个收集所有input（除全选框外）数组checkModel ，vue会动态将其checked为true的input的value值存入数组checkModel里2 、watch函数来监听checkModel 属性，当其长度==input元素时 全选按钮选中 否则取消3 、全选按钮v-model checked 属性来显示当前选中状态 click事件里 当checked为true时 全选 所有input按钮被选中也就是checkModel的
2020-07-02 00:12:29
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人