zhilige的博客

原创 js引入jqury实现数字滚动效果

【代码】js引入jqury实现数字滚动效果。

原创 H5封装而成的APP ，在H5代码更新后，打开该APP白屏的情况

H5

原创 解决ts运行报错 : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\webpack.ps1因为在此系统上禁止运行脚本

解决方法1、以管理员权限打开PowerShell 。2、输入Set-ExecutionPolicy RemoteSigned命令 将脚本执行权限修改为RemoteSigned。3、输入Y以确认。即可解决。

原创 ElementUI-plus 在项目中常见的问题

table 表格边框border、斑马线stripeslot 在表格中添加内容在template中 添加 #default=“scope” ， 在el-table-column中加key=“slot”。<el-table-column label="操作" align="center" width="100" key="slot"> <template #default="scope"> <div class="slot_list">

原创 HbuilderX编辑器快速生成vue代码块

①打开HbuilderX 编辑器②在 “工具“ 中 选择 “代码块设置“， 在选择 “vue 代码块“，进入代码页 "Print to console": { "prefix": "vue", "body": [ "<template>", " <view class=\"$1\">", " ", " </view>

原创 JS中根据对象属性值进行排序

Object.values()：获取属性值，返回的是一个数组Object.keys():获取属性。 var myobj = { a: 17, b: 62,c: 21, d: 29, e: 14, f: 16, g: 82, h: 11 }; // 获取属性值并按从小到大排序 let result = Object.values(myobj).sort((a, b) => { return a-b }); var new_obj =

原创 vue的seo优化

主要方案①SSR服务器渲染②静态化③预渲染prerender-spa-plugineg：① 推荐官网了解学习下，SSR建议是在开发之前选用，开发完后在选用SSR有点不太现实。②手写代码静态代码很难受。 ③这里讲下prerender-spa-plugin的方案一、prerender-spa-plugin这个插件是模拟浏览器访问站点，将站点的内容以静态文件的方式保存。安装插件npm install prerender-spa-plugin --save在vue.config.js中con

原创 git/github项目常见忽略文件 .gitignore

文件设置都是项目打包时会忽略掉的文件，以此来节省空间需要忽略的文件包括：node_modules.idea.vscode.git

原创 vue-quill-editor 富文本编辑器 自定义上传图片

① 安装插件，以及引入插件使用命令：npm install vue-quill-editor -S② main.js 中引入// 导入富文本编辑器import VueQuillEditor from 'vue-quill-editor'// 导入富文本编辑器样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'import Quil

原创 vue项目当中报错 sockjs.js

①、找到/node_modules/sockjs-client/dist/sockjs.js②、找到代码的 1605行try { // self.xhr.send(payload); // 把这行注释掉} catch (e) { self.emit('finish', 0, ''); self._cleanup(false);}刷新，搞定。

原创 JS经纬度计算两点间的距离

计算两个经纬度的距离（Km） distances(lat1, lng1, lat2, lng2) { let radLat1 = lat1*Math.PI / 180.0; let radLat2 = lat2*Math.PI / 180.0; let disLat = radLat1 - radLat2; let disLng = lng1*Math.PI / 180.0 - lng2*Math.PI / 180.0; le

原创 uni-app 中 引入weapp-qrcode.js，渲染出二维码

uni-app 中 引入weapp-qrcode.js，渲染出二维码①插件下载 地址 ，然后放在一个文件中，（可以在根目录中新建utils文件夹，把下载的js放进去）②在页面中引入： let qrcode = require("…/…/utils/weapp-qrcode.js");③ 使用js 代码 let params = this.url; // 二维码参数 var imgData = qrcode.drawImg(params, { typeNumber: 4,

原创 vscode快速生成vue组件模板

① 文件 -----> 首选项 ------> 用户片段 -----> 输入vue ------>找到vue.json文件② 将下面代码复制到vue.json文件中 "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>$0</div>",

原创 小程序base64转为canvas的图片

小程序base64转为canvas的图片代码部分 //将base64图片转网络图片 send_code(code) { /*code是指图片base64格式数据*/ //声明文件系统 const fs = wx.getFileSystemManager(); //随机定义路径名称 var times = new Date().getTime(); var codeimg = wx.env.U

原创 uni-app获取用户信息的经纬度，然后转为详细地址

在高德地图的插件，把amap-wx.js放在lib文件中。定义全局变量<script> var amapFile = require('../../lib/amap-wx.js') var aMapFun export default {}data中的数据 onLoad(options) { aMapFun = new amapFile.AMapWX({ key: 'key' });}在uni-ap

原创 div中放一个img下面会多出3px的解决方案

方式①div{ font-size: 0;}方式②设置img{ display: block}或者{ display: table}方式③设置img{ vertical-align:top;}

原创 qrcode.js生成微信二维码

①安装qrcodejs2npm install qrcodejs2 --save②在页面中引入import QRCode from "qrcodejs2"③在html中设置div，用来存放生成的二维码。<div id="qrcode"></div>④js生成微信二维码 qrcode(){ let url = location.href; console.log('生成微信二维码', url) let

原创 Vscode代码格式化

①首选项 → ② 设置③ 点击 这个小图标④ 然后把以下的代码复制进去。{ "window.zoomLevel": 2, //设置窗口缩放级别 "files.autoSave": "afterDelay", //自动保存代码 "breadcrumbs.enabled": true, // 开启 vscode 文件路径导航 "search.exclude": { //用来忽略搜索的文件夹 "**/bower_components": true,

原创 小程序生成海报图

效果图Html部分 <!-- 生成海报 --> <view class="generate_container" wx:if="{{sharePosterFlag}}" catchtouchmove="return"> <view class="generate" catchtouchmove="return"> <image src="../image/Brightactivity/close.p

原创 使用详细地址转经纬度

前言业务需求：根据用户输入详细地址，获取地址的经纬度传给后台，但是不要地图。准备内容1.安装josnp，解决跨域，不安装的话会报跨域问题执行命令：npm install vue-jsonp --save入口文件main.js添加：import VueJsonp from ‘vue-jsonp’Vue.use(VueJsonp)基本使用方法：this.$jsonp(地址, 传参参数对象{} ).then(json => {　　// 返回的内容console.log(json)}

原创 拖拽中浏览器的兼容性

stopDrag(event) { var event = event || window.event;//兼容 setTimeout(() => { this.hitDrop = this.dropRenderItem(event) this.editDragModule({}) this.editDraging(false) }, 0) event.preventDefault(); //设置这.

原创 百度地图导航及水印（补充）

百度地图导航 <bm-driving start="北京" end="广州" startCity="深圳" endCity="南京" :auto-viewport="true" :panel="false" ></bm-driving>去掉百度地图水印//去掉百度地图水印/deep/ .BMap_cpyCtrl { display:none !importa

原创 vue项目中关闭eslint的方法

在项目根目录下增加vue.config.js文件。内容如下：module.exports = { lintOnSave: false}

原创 vue项目使用百度地图

一、 前往百度地图API平台获取ak二、安装vue-baidu-map (这里推荐npm安装)三、引入vue-baidu-map.js，(我这里是全局引入的)。在main.js中导入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: 填入ak值});简单描述一下实现的功能1、在地图上点击标注，会把对应的位置显示在搜索框中2、搜索输入地址后，点击搜索，地图跳转到相应位置3、地图/混合 可以切换地图模式4、右边可

转载 iview tree组件获取选中的子节点 getCheckedNodes

<Tree :data="menus" ref="tree" show-checkbox multiple style="display:inline-block"></Tree> export default { data () { return { menus: [] } }, created() { this.getTree() }, methods: { getTree:

原创 wepy的底部tabbar

wepy的底部tabbar在写底部tabbar， 代码放在app.wpy中图片路径放在根目录static中，填写路径就ok了 "iconPath": "static/home.png", "selectedIconPath": "static/home-o.png"

原创 VScode播放网易云音乐（详细讲解）

步骤① 安装插件 ： VSC Netease Music② 按shift + ctrl + p ， 输入 nete出现下图③ 在按shift + ctrl + p ， 输入 nete即可选择播放音乐（报错解决)如果出现这个报错：NotSupportedError: Failed to load because no supported source was found.在百度输入 electron-v4.2.7-win32-x64.zip下载后解压将里面的ffmpeg

原创 css 文字显示不完时，用省略号替代文字。

css中第二行文字显示不完时，隐藏文字在这里插入图片描述 display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;以上四行代码即可实现…

原创 “GitHub: Your account has been flagged.”的完美解决方法

“GitHub: Your account has been flagged.”的详细步骤，完美解决

原创 jQuery 完整发送ajax示例

jquery.ajax()jquery 库中已经封装了ajax请求的方法。jquery.ajax([settings])。发请求并且能得知成功还是失败。type:类型，“POST"或者"GET”，默认是"GET"。url:发送请求的地址。data：是一个对象，连同请求发送到服务器的数据dataType：预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包含的MIME信息来智能判断，一般我们采用json个数，可以设置为"json"。success:是一个方法，请求成功后的回调函

原创 vue做mui项目中报错：[Intervention] Unable to preventDefault inside passive event listener due to target bei

首先说明一下：因为新版谷歌浏览器的问题，所以报错。历史：当浏览器首先对默认的事件进行响应的时候，要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有那么一丝丝的耽误时间。现在：google就决定默认取消了对这个事件的检查，默认时间就取消了。直接执行滑动操作。这样就更加的顺滑了。解决方法全局样式中加一个解决方法添加下面的样式即可* {touch-action: none;}...

原创 关掉严格模式

关掉严格模式报错信息如下 ：Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode functions or the arguments objects for calls to themnpm安装解决问题：使用babel-plugin-tra...

原创 移动端使用MUI,显示路由高亮

在router 的index.js 中改造路由如下:var router = new VueRouter({ routes: [{ }], linkActiveClass: "mui-active"})

原创 Error: .plugins[0][1] must be an object, false, or undefined

出现此类错误：Error: .plugins[0][1] must be an object, false, or undefined解决方案module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], "plugins": [ ["component", { ...

原创 Mint-ui按需引入

①安装Mint-uinpm install mint-ui -S②在Main.js中导入引入想要的模块import {Button} from ‘mint-ui’;注册模块Vue.component(‘mybtn’, Button);<!!!>一定是Vue.component ( ),Vue.use( ) ----实现不了按需导入</!!!>...

原创 JavaScript中substr与substring的区别

substr与substring的区别jsubstr和substring都是截取字符串中子串，非常相近，可以有一个或两个参数。语法：substr(start [，length]) 第一个字符的索引是0，start必选 length可选substring(start [, end]) 第一个字符的索引是0，start必选 end可选相同点：当有一个参数时，两者的功能是一样的，返回从st...

原创 在Vscode中配置git(未找到Git,请安装Git,或在“git.path”设置中配置 VS

① 情况说明打开Vscode，提示“未找到Git.请安装Git，或在“git.path”设置中配置”② 原因1.没有安装Git2.没有设置Git路径③ 解决方法1.没有安装Git的话，先安装Git下载地址：https://git-scm.com/downloads2.安装完成的话，按照如下步骤操作：1、点击图中的的 “设置” 按钮2、在输入框中输入git.pat...

原创 Vue 正则表达式验证邮箱和手机号码

原创 ES6类的本质

//1 类的本质，其实是一个functionconsole.log(typeof My);//2类有原型对象prototypeconsole.log(My.prototype);//3 类有constructor指向类本身console.log(My.prototype.constructor);//4类可以通过原型对象添加方法My.prototype.show = function...

原创 利用构造函数继承父类属性

利用构造函数继承父类属性function Father(name, age) { this.age = age this.name = name}function Son(name, age, play) { this.play = play Father.call(this, name, age, play)}var son = n...