前端开发
关注
分享
扫一扫
文章平均质量分 50
赤简
前端
展开
-
gulp全局安装后 出现‘gulp: command not found’ 解决方法
gulp全局安装失败（安装路径出错解决方法）原创 2022-07-09 11:06:39 · 2173 阅读 · 1 评论 -
vue实现验证码输入
前端实现验证码输入原创 2022-06-14 17:59:56 · 990 阅读 · 4 评论 -
uniapp-使用echarts中的复杂图表（雷达图）
前言：突然有这样雷达图表的需求，之前使用的秋云图表，一开始以为可以echarts原生配置，但是我看源码好像只支持app和h5端，（应该是这样的，如果说错了请评论告诉我…）然后果断放弃秋云，使用 echarts mpvue-echarts第一步：npm install echarts mpvue-echarts //安装插件第二步：需要echarts的js样式https://echarts.apache.org/zh/builder.html在这个链接里选择需要的图表样式及组件，下载下js文件，可.原创 2021-11-16 16:19:51 · 3044 阅读 · 10 评论 -
element el-table多选列表加分页时的回显
<!-->封装的组件<!--> <el-table :header-cell-style="headClass" v-loading="listLoading" element-loading-text="Loading" :data="tableData" style="width: 100%" :row-class-name="rowClassName" @selection-chang.原创 2021-10-21 15:07:53 · 329 阅读 · 0 评论 -
小程序解码组件wxParse
最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。百度搜索wxParse，下载文件后获取压缩包，解压后放到小程序项目里。文件目录使用方法：在xx.wxml文件中 引入注意文件路径是否正确<import src="../../wxParse/wxParse.wxml" />在xx.wxss文件中引入@import原创 2020-06-11 10:45:12 · 482 阅读 · 0 评论 -
vue+element-ui 对树形组件的一些操作
怀着激动的心颤抖的手写下这篇博客~先看需求设计图如下左边是一组树形结构的数据右边是根据tree子节点的checkbox 是true或false 来显示的右边列表可以删除，删除后左边对应的节点的checkbox为false看起来需求很简单，但其实这个东西就是很简单，因为一开始思路错了所以花了一点时间，使用element-ui 里的树形组件，认真的看了一下官方文档就写出来了，所以兄弟萌，别百度啊，看文档，文档最仔细了。然后放上代码template代码<!-- :data (绑定的数据原创 2020-11-15 19:18:40 · 1092 阅读 · 0 评论 -
二、vue响应式解析
响应式原理在使用vue时，需要修改设计属性值的时候，页面的数据直接更新。使用js中 Object.defineProperty（）这个方法实现//上述方法需要的参数Object.defineProperty(对象,'设置什么属性名',{ writeable // 可编辑 enumerable //控制属性是否可枚举 是不是可以被for in 取出来 set() //赋值触发 get() //取值触发})将对象转换为响应式var o = { name:'zs', age:2原创 2020-10-12 15:22:10 · 139 阅读 · 0 评论 -
mui.ajax请求走error
ajax请求走errormui.ajax('http://server-name/login.php',{ data:{ username:'username', password:'password' }, dataType:'json',//服务器返回json格式数据 type:'post',//HTTP请求类型 timeout:10000,//超时时间设置为10秒； headers:{'Content-Type':'application/json'},原创 2020-05-28 17:19:08 · 1295 阅读 · 0 评论 -
一、vue模板渲染原理
vue基础Dom 最后页面在浏览器里显示的是 张三这个过程使用的模板渲染<body> <div id="root"> <p>{{name}}</p> </div> <script> var app = new Vue({ el:'#root', data:{ name:'张三' } }) </script></body>下面根据vue模板渲染的原理 用js原创 2020-09-30 09:52:19 · 1255 阅读 · 0 评论 -
微信小程序使用wxs文件数据过滤方法
微信小程序数据过滤(filter) 方法小程序的wxml和js的内部实现机制是分开编译的。所以wxml是没办法调用的函数。这会导致没办法在视图层对数据做一个特殊处理。比如后台返回数据列表，列表中有一个键值是加密过的，到前台后需要解密，那么就需要调用一个函数方法，小程序推出了wxs类型文件就是解决这类问题的。使用方式新建filter.wxs文件//方法var form = function(name){//decodeURI(解密) return decodeURI(name)}//抛出原创 2020-08-20 09:24:44 · 670 阅读 · 0 评论 -
vue3.0使用vue-amap插件（定位，搜索查询，根据坐标获取具体地址，marker图标）
这是vue-amap地图引入基本的地图https://blog.csdn.net/zjingru/article/details/110948556需求：当进入地图页面，定位到当前位置，显示点坐标，搜索框显示当前坐标的具体位置。点击地图，搜索框显示点击坐标的具体位置，搜索后地图中心点为搜索后的位置。<template> <div> <div class="amap-page-container"> // 搜索的组件 cv就可 <原创 2020-12-15 10:17:09 · 16645 阅读 · 49 评论 -
h5实现复制一段文字到剪贴板 移动端通用
需求：当点击某个按钮时复制某个标签里的文字。实现：<body> <div> <p id='text'>这是一段文字</p> <button onclick='copy'>点击复制p标签内容</button> </div> <script> function copy(){ var text = document.getElementById('text').innerHTML;原创 2020-06-18 10:03:27 · 1675 阅读 · 0 评论 -
微信小程序手写组件tabbar
小程序tabbartabbar组件 jsconst app = getApp()function tabbarinit() {//创建tabbar return [ { "current":0, "pagePath": "/pages/commit/commit", "iconPath": "/images/tab01.png", "selectedIconPath": "/images/tab01.png",原创 2020-07-31 10:38:43 · 617 阅读 · 0 评论 -
上传文件获取文档流，把文档流转换为 base64编码
html代码<input type="file" id="imgUpFile" @change="startRead()" /><img src="" id="imgContentImg" />js代码 startRead() { alert('222') var fileDom = document.getElementById('imgUpFile'); var img = document.getElementById('im原创 2020-06-13 17:57:13 · 1471 阅读 · 1 评论 -
vue-cli3中使用vue-amap(高德地图插件)
引入高德地图，并使用搜索，获取具体地址插件。npm安装可以先看一眼amap的文档 熟悉里面的一些插件和apihttps://elemefe.github.io/vue-amap/#/zh-cn/introduction/install//安装命令npm install vue-amap --savemain.js文件配置import VueAMap from 'vue-amap' //引入Vue.use(VueAMap) //全局注册VueAMap.initAMapApi原创 2020-12-15 09:28:50 · 7435 阅读 · 0 评论 -
小程序点击按钮跳转到指定view锚点
小程序点击按钮跳转到指定view锚点js代码 直接复制换个id名就可以啦 pl:function(){ var me = this; var query = wx.createSelectorQuery().in(me); query.selectViewport().scrollOffset() //#comm 跳转到指定id位置 query.select("#comm").boundingClientRect(); query.原创 2020-08-20 09:30:14 · 1097 阅读 · 2 评论 -
vue自定义指令，如何在element-ui组件上使用。
需求是对input内容进行校验，不能输入负数及中文。element上组件的方法不太严谨，就自定义了一个指令。main.js文件中写人方法Vue.directive('numberOnly', { // 当被绑定的元素插入到 DOM 中时…… bind: function (el) { el.handler = function () { // 在el-input上绑定指令，绑定是input的父级，所以需要根据dom获取子元素进行校验。 let val = el.get原创 2021-07-08 11:28:02 · 1425 阅读 · 3 评论