- 博客(29)
- 收藏
- 关注
RSS订阅原创 uniapp 开发微信小程序之新版隐私协议
到这里有人可能会疑问，你也没有使用this.resolvePrivacyAuthorization({ buttonId: 'agree-btn', event: 'agree' })相关代码，微信那边如何知道用户同意了？使用阶段，因为我这里是获取手机号登录的，这个时候就会出现一个问题，隐私弹窗和获取手机号弹窗冲突，目前是通过判断，操作不同的按钮（如果有好的方案，欢迎评论区告知）。微信小程序官方提供的API和 uniapp 开发的稍微有点区别，这里指记录 uniapp 开发的，如果需要微信原生的，请自行。
2023-08-25 17:28:01
7850
27
原创 Git 日常开发使用命令
Git 生成密钥cd ~/.ssh 新增密钥：ssh-keygen -t rsa -C "你的邮箱" 打开文件：cat id_rsa.pub 删除密钥：mkdir key_backupcp id_rsa* key_backup rm id_rsa*Git 创建分支及删除分支创建test分支：git branch test 切换到test分支：git checkout test 删除本地分支：git branch -d "本地分支名" 删除远程分支：git push origin
2023-04-14 14:06:15
676
原创 js 冒泡排序、去重
let arr = [1, 3, 2, 55, 32, 21, 1, 2, 54, 32, 33, 78, 55, 3];1、冒泡排序for 循环 function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { for (var j = ...
2020-03-09 15:35:45
545
原创 vue 项目 使用 echarts 折线图
先来张效果图安装echarts依赖npm install echarts -save在main.js中全局引入importechartsfrom"echarts";Vue.prototype.$echarts=echarts在页面中使用html 代码：<template> <div id="myChart" class="ch...
2020-03-06 15:58:20
1750
原创 前端数组重新排序
sort方法用于对数组的元素进行排序。比如这样一组数据：arr = [{"name": "小明", "age": 18},{"name": "小红", "age": 3},{"name": "小明", "age": 8},{"name": "小华", "age": 10}, {"name": "小明", "age": 38}, {...
2020-03-06 15:24:16
1777
原创 js 两个数组合并、去重
合并concat()方法let arr01 = [1, 2, 3, 4];let arr02 = [1, 3, 5, 7];let arr = arr01.concat(arr02);console.log(arr);去重let arr = [1, 2, 3, 4, 1, 3, 5, 7];let arr01 = arr.filter((x, index, s...
2019-12-15 18:33:39
3165
原创 es6 求两个数组的差集
let arr = [1, 2, 3, 4, 5];let arr01 = [1, 2, 3, 4, 5, 6, 7, 8, 9];let arr02 = [...arr01].filter(x => [...arr].every(y => y !== x));console.log(arr02);
2019-12-15 18:07:48
2499
原创 element table 表格实现上移、下移
业务场景：有时候需要前端实现上移和下移功能代码如下：根据交互形式，我这里是把第一条数据的上移按钮置灰不可点击：:disabled="scope.$index == 0"；最后一条数据下移按钮置灰不可点击：:disabled="(scope.$index + 1) == tableData.length"。<template> <el-table ...
2019-12-15 15:45:22
4475
5
原创 Element table 表格默认勾选
需求：父组件一组数据，子组件是表格数据，父组件的数据需要在子组件表格中进行默认勾选；代码如下：在 table 提供了这样一个方法toggleRowSelection：HTML代码：<template> <el-table ref="multipleTable" :data="tableData" ...
2019-12-13 15:50:53
2835
原创 css 实现三角形阴影
平时工作中,设计给出的类似于对话框的样式,基本上都会有阴影,这个时候一般都是有两种方式实现,一是用背景图,二是用代码实现,如图样式:这里只说使用代码来实现:<!DOCTYPE html><html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Co...
2019-09-23 15:01:29
1515
原创 element 自定义表格树
Element-ui 在 2.7.0 版本增加 Table 对树形结构数据的支持，官方API也给出了的相应的解决方案，虽然实现了功能，但是不一定能够满足我们日常开发的需求，所以就对它进行了二次封装，效果图如下：代码奉上：我是封装成了组件，在components 里创建文件夹 CustomTreeTable ，在CustomTreeTable 创建eval.js 和 index...
2019-07-22 13:12:23
1372
原创 element-ui tree 树形控件复选框实现单选
项目开发中在使用到 tree 树形控件实现单选功能，element-ui 官方给出来复选事件，并没有单选操作，自己就研究了一下，代码如下：1、template 代码中：<el-tree :data="treeData" :props="defaultProps" node-key="id" ref="treeForm" show-che...
2019-05-23 20:01:24
17772
18
原创 element-ui table 表格控件实现单选功能
项目中实现 table 表格控件单选功能，如图：基本代码如下：1、template 代码中：<el-table :data="tableData" border stripe ref="tableData" @row-click="singleElection"> <el-table-column label=""...
2019-05-20 17:21:47
16093
12
原创 element-ui tree树形控件实现全选功能
项目中实现 tree 树形控件全选功能，如图：代码如下：1、template 代码中：<el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><el-tree :data="organizationData" ref="organi...
2019-05-20 15:50:59
15507
10
原创 element-ui el-cascader 级联选择器 联动默认值
在使用 element-ui 的 el-cascader 组件根据后台返回的数据，需要展示一个默认值，官网给出的例子https://element.eleme.cn/2.0/#/zh-CN/component/cascader借鉴了一下，话不多说直接上代码：效果图：代码块：<template> <div class="block"> ...
2019-04-29 13:34:34
16459
原创 Vue父组件调用子组件与子组件调用父组件方法
一、父组件调用子组件方法1、父组件通过 $refs 来调用子组件父组件代码<template> <div @click="parent()"> <children ref="myChild"></children> </div></template><script>export ...
2019-03-28 11:09:56
853
原创 vue 实现md5、base64加密
背景： 前端使用密码登录的时候，一般都会使用密文传输，否则控制台就能看到密码，具体实现如下：使用 md5 进行加密1、安装 cnpm install --save js-md52、在 main.js 全局引用 import md5 from 'js-md5' Vue.prototype.$md5 = md53、具体代码使用...
2019-01-03 17:38:46
1612
原创 vue 之 element-ui 实现全选和复选框
element-ui表格实现全选和多选功能，先看效果图：代码也是相对简单，根据官网提供的API来实现，具体代码奉上：<template> <div> <el-table :data="tableData" border style="width: 100%"&...
2018-12-28 20:51:26
12384
5
原创 vue 之 element-ui 点击添加一组数组与原数组互不影响
最近遇到这样一个需求：界面默认显示一组数组，点击新增增加一条并且显示删除按钮，数组里有input和下拉框，每组数组的数据互不影响，效果如下图（图制作的有点简陋）：代码如下：<template> <div> <div class="lk-toolbar" v-for="(name, key) in form" :key="key"&..
2018-12-27 11:17:11
3221
2
原创 EasyUI Accordion 折叠面板默认不展示
最近使用easyui做一套后台管理系统，左侧菜单使用的是Accordion折叠面板，需求是打开页面默认不展示子菜单。在网上找了一些博客，大多数都是说把 jquery.easyui.min.js 中第多少行给注释了，我没有找到相应的代码（我使用的版本1.4.3），后来自己仔细看了一下官方文档，是有相应的配置参数，提供了 selected 参数，设置为 false 是不展示，也可以通过它来设置默认...
2018-12-03 20:10:20
2842
原创 vue中axios封装及自动设置域名
现在越来越多的 Vue.js 项目里使用 axios，而不在使用 vue-resource，在使用 axios 都会进行一次封装，接口集中管理，还有各个环境域名自动匹配设置1、安装axios：npm install --save axios2、在 main.js 引用 axios 因为我进行了一次封装，所以可能和大家引用的方式不一样，我是在src文件里创建了一个 fetc...
2018-12-01 15:26:12
5656
原创 Vue.js常用的指令
vue.js 的指令是以 v- 开头的，它们作用于 HTML 元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看做特殊的HTML特性。v-if 指令v-if 是条件渲染指令，它根据表达式的真假来删除和插入元素。v-show指令v-show 也是条件渲染指令，和 v-if 不同的是，使用 v-show 指令始终会被渲染到H...
2018-11-10 15:23:03
423
原创 node安装及配置
第一步：下载并安装node：https://nodejs.org/zh-cn/第二步：下载并安装cnpm：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：创建完两个空文件夹之后，打开cmd命令窗口，输入npm confi...
2018-11-10 15:20:51
347
原创 cordova常用命令及插件
一、常用命令1、查看所有已经安装的插件cordova plugin ls2、安装插件cordova plugin add + 插件3、删除插件cordova plugin rm + 插件4、更新插件cordova plugin update二、常用的cordova插件1、Console（调试控制台）让程序可以在控制台中打印输出日志cordova-pl...
2018-11-10 15:12:16
1382
原创 cordova安装及配置
使用cordova打包apk的一些配置：1、安装 node2、安装 jdk注意：jdk和jre分别安装在同目录不同的文件夹下配置jdk→新建JAVA_HOME变量。变量值填写jdk的安装目录。编辑path变量，在变量值最后输入：；%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;→新建CLASSPATH变量，变量值 .;%JAVA_HOME%\lib;%JAV...
2018-11-10 14:59:48
633
原创 如何去掉vue路径中的“#”号
我们在vue项目中使用vue-router时，路径中会有 # 号，这样看着也不舒服。其实是因为路由有两种模式 hash 和 history，我们平时直接使用的是默认的hash，所以路径会有 # 号，因此我们只需要修改成 history 就可以了，如下图：如果我们修改成 history 还需要后台配置支持，否则在浏览器直接访问路径就会返回404。至于具体的后台配置请访问官网https://r...
2018-10-26 16:38:09
13533
原创 jQuery基础语法
之前写过一篇 javascript 基础用法，今天就简单的聊一下 jQuery 的一些语法 ，jQuery 是一个 javascript 库，简化了 javascript 编程，以下只是个人整理的一些语法的用法，想了解更多请前往jQuery API查看。jquery 选择器$("*")：选取所有元素。$(this)：选取当前 HTML 元素。$("p.intro")：选取 cl...
2018-10-26 10:32:57
684
原创 javascript基础语法
今天翻看以前写的有道云笔记，看到javascript这里，感觉整理的还可以看，就拿出来和大家分享一下javascript 语法数字（Number）：整数、小数、科学计数法字符串（String）：单引号或者双引号表达式：+、-、*、/ 用于计算数组（Array）：[1, 2, 3, 4, 5]对象（Object）：{firstName: "John", lastName: "...
2018-10-25 17:17:06
403
原创 快速搭建vue项目从零开始
最近公司一直在使用vue来做项目，今天就把一些使用vue的方法分享一下，希望能对大家有所帮助。同时，有说的不对的地方，欢迎大家能够指出。一、使用vue-cli脚手架从零开始搭建首先要确定自己电脑上已经安装了nodejs,可以使用node -v检查一下，如果没有安装请访问nodejs官网，选择自己适合的版本。1.安装vue-cli：npm install -g vue-cli2....
2018-10-25 15:00:46
2152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人