- 博客(35)
- 收藏
- 关注
RSS订阅原创 js 多级树形数据包装 更改格式
可用于将其转换为，想要的树形数据品，你品，你在品，你细品let menuData = [ { id: 1, parentId:0, icon: 'dashboard', level: 1, name: '仪表盘' }, { id: 2, parentId:0,...
2020-03-09 00:09:21
368
原创 react常用生命周期
初始化过程constructor()接受参数只会触发一次！！挂载过程(Mounting)componentWillMount在组件即将被挂载到页面的时刻自动执行。render()：将组件挂载到页面。componentDidMount组件被挂载到页面之后立即执行。请求一般放在这里componentWillReceiveProps在组件...
2020-02-26 22:44:46
308
原创 react组件传值
父组件向子组件传值父组件<Es6cComponent nameall="abc"/>子组件通过构造器进行接受props,然后使用super继承constructor(props){ super(props);}子组件如何使用this.props.nameall子组件向父组件传值子组件子组件的方法handerClick(){ ch...
2020-02-26 22:41:41
173
原创 generator 生成器
generator定义：用来生成使用 yield 表达式创建的生成器yield返回数据格式{ value: 得到的结果 , done: 布尔值(告知generator函数是否执行完毕) }实例： /** *必须在函数前面添加“*”已告知是generator函数 *value即yield表达式所生成的数据 */ function*...
2020-02-26 22:38:30
288
转载 promise
promise特点是一个构造函数实例化Promise是有两个回调函数为resolve(成功时候执行) 和 reject(失败时候执行)主要是将回调放在函数的内部状态在执行的时候是不可更改的then()是Promise类型/catch()是Promise类型语法糖catch，就是执行reject的时候，不调用第二个参数，直接链式写catch，像用then一样...
2020-02-26 22:31:51
99
原创 对象原型链（__porto__/portotype）
原型是什么首先js就是在基于原型的，故此不论在创建字符串，对象，函数等什么时候，它们都包含一个基础原型(prototype)属性；原型属性是一个指针，指向创建的(字符串，对象，函数等)来之于哪里；主要是用来干什么的？共享数据，方法等比如:在Vue中，axios比较经常使用,那么就将axios挂载vue中vue.portotype.axios = axios在vue中使用this.a...
2020-02-26 22:29:17
270
原创 闭包
变量的作用域函数内部可以访问全局作用域函数外部不可以访问局部作用域如何使外部读取局部变量，就需要在函数内部定义一个函数（或调用外部函数传值）闭包的概念个人理解为可以读取其他函数内部的局部变量的函数，且只有函数中的子函数才可以访问当前函数的内部变量，所以闭包是定义在函数内部的函数用途访问函数内部的局部变量让变量始终保存在内存中使用闭包的注意点由于闭包...
2020-02-26 22:26:31
119
原创 webpack 性能优化
使用css-loader减小css体积使用images-webpack-loader优化图片在webpck.base.conf.js中url-loader设置limit,对小于limit会转化为base64,所以对较大的图片资源会通过images-webpack-loader来压缩大的图片清除没必要的插件，减小打包的体积减少webpack打包后的文件体积按需加载...
2020-02-26 22:24:08
217
原创 css 性能优化
本文都为个人见解，不喜勿喷，感谢避免使用多类选择符E6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确移除空的css规则.foo { }空规则的产生原因一般来说是为了预留样式。去除这些空规则无疑能减少css文档体积正确使用display的属性由于display的作用，某些样式组合会无效，徒增样式体积的同时也影响解析性能。CSS Lint会检查一下几点：...
2020-02-26 22:21:50
158
原创 小程序之自定义拍照
小程序之自定义拍照首先预览一下效果图，是否是大家想要的效果图实现功能主要用了哪些内容camera：系统相机cover-view：覆盖在原生组件之上的文本视图。视图代码wxml<view class="waper flex-align-center"> <view class="noticeTXT">请将身份证正面放入框内</view...
2019-12-04 16:37:56
768
翻译 select语法总结
select语法总结select xxxxfrom xxxxwhere xxxxgroup by xxxxhaving xxxxorder by xxxx执行顺序from 将硬盘上的表文件加载到内存where:将符合条件的数据筛选出来。生成一张新的临时表group by :根据列中的数据种类，将当前临时表划分成若干个新的临...
2019-06-14 15:24:28
814
翻译 数据库分组
数据库分组distinct 去除重复记录查询公司中有哪些工作岗位jobselect distinct job from emp;查询公司中工作岗位job的数量select count(distinct job) from emp;去除部门编号deptno和工作岗位job重复记录说明：只有在出现多条deptno和job才会清楚的select distinct deptne,job...
2019-06-14 15:21:51
1478
翻译 数据库聚合函数
聚合函数语法聚合函数会自动忽略空值，省去手动写sql将空值null排除聚合函数不能直接加载where语句后面sum()计算总和获取薪水sal的总和select sum(sal) from emp;获取薪水和补助的总和（补助含有null）错误写法原因：优先级不一样，首先sql会先把括号里面的计算，所有就存在sal+comm = null，而当括号里面的每一个都计算完毕，就会存...
2019-06-14 15:20:27
7655
翻译 数据库处理函数
lower() 转换为小写select lower(ename) as ename from emp;upper() 转换为大写seclect upper(ename) as ename from emp;substr()截取子串语法 substr(被截取的字段名，起始下标，截取长度)，起始下标从1开始查询并显示姓名的第二个字母select substr(ename,2,1)...
2019-06-10 23:02:46
437
翻译 数据库排序order by
语法order by 后面写上要排序的字段，排序的字段可以有多个，多个采用逗号间隔；order by 默认采用升序（asc），排序，可以手动设置为降序（desc）如果存在where子句，那么order by必须放到where语句后面单个字段排序在emp表中查询ename和sal字段，并将sal按照升序排列select ename,sal from emp order by sal;...
2019-06-10 23:01:51
6299
翻译 数据库DQL
select语法：select 字段名 from 表名 [where -> group by ->having->order by];简单查询//在emp表中查询字段名为ename的数据select ename from emp;//查询多个字段名在emp表中select empon,emane from emp;//查询emp表中的所有字段/** 不...
2019-06-10 23:00:50
340
翻译 数据库DML
简介DML 是对数据库的增删改操作，即添加表中的数据，删除表中的数据，修改表中的数据。主要关键字，insert（添加），delete（删除），update（修改）insert（添加）先创建一张表//创建emp表create table emp( id int, name varchar(100), sex char(6), birthday data,...
2019-06-10 22:59:51
5227
翻译 数据库学习之常用命令
数据库学习之常用命令创建数据库//创建数据库问study的数据库create database study;创建数据库的编码格式//创建的数据库为study的编码格式设置为utf-8create database study character set utf-8;查看数据库//查询创建数据库为study的定义信息show create database study;...
2019-06-10 22:58:33
154
转载 MySQL数据库学习之启动 停止 登录
启动 停止 登录 修改密码启动MySQL//mysql55 为本机上装的MySQL的名称net start mysql55停止MySQLnet shop mysql55登录MySQL输入 mysql -u 用户名 -p按下回车键，会提示输入密码，输入MySQL的登录密码即可。如果要登录远程的mysql，需要输入下面的命令：mysql -h 远程mysql服务器的ip地址 -...
2019-05-24 16:25:17
160
原创 Vue element自定义多图上传 一个key多个文件，自定义上传方法
Vue element自定义多图上传 一个key多个文件业务功能阐述图片在没有提交时预览本地的实现商品新增功能，在点击确定后将数据统一提交给后台只有上传以后才会生成 htts:yfvdfgh534.jpg这种服务器所存放的地址图片在没有提交时预览本地的 <el-form-item label="商品图" prop="name"> ...
2019-04-12 15:01:15
1889
2
原创 Vue 多个router-view视图嵌套，后台管理系统布局
首先看一下一般的后台管理系统页面大体分为三个板块（且三个板块都为组件）模块一header模块主要显示登录用户的信息模块二侧边栏导航栏，主要是为了实现根据不同的权限来分配不同的菜单（下一篇文章讲解）模块三主体内容模块，一般切换的组件都这这里主要讲解模块三上面说着三个都为组件，那么要放在一个视图容器里，那么就是vue中App.vue文件中的让其显示，当然这里不...
2019-02-20 20:36:16
20949
1
原创 node连接数据库
node连接数据库下载node，切记下载的版本不要太高也不要太低导致版本问题连接不上数据库，我安装的node版本是10.15.0版本的；安装下载，百度一下就可以，教程很多，我就不一一介绍了。下载视图化管理数据软件，我下载的是Navicat Premium 12，社区版，全家桶版本。版本下图，安装下载，百度一下就可以，教程很多，我就不一一介绍了。 切入正题，node，连接数据库...
2019-01-23 15:18:45
248
原创 node 读取.xlsx文件写入文件
node读取.xlsx文件写入文件node读取.xlsx文件var fs = require('fs');var events = require('events');//引入node，解析.xlsx文件的模块var xlsx = require('node-xlsx');var eventEmitter = new events.EventEmitter();var wor...
2019-01-23 14:52:49
1317
原创 wxParse 安装和使用，以及a标签跳转功能
下载wxParsehttps://github.com/icindy/wxParse使用下载成功后解压文件得到例如（我的是用wepy框架）使用（wepy）html部分<template> 引入wxParse的wxml文件 <import src="../wxParse/wxParse.wxml"/> <templat...
2018-12-07 16:10:57
5272
5
原创 Vue wangEditor 安装和使用，文章加载和渲染
安装wangEditornpm install wangeditor使用说明html部分<div> <div id="editor" class="editor"></div> <button class="btn btn-royal" @click="postfillContent()"&a
2018-12-07 15:03:09
8953
2
转载 GIT操作命令
GIT操作命令命令操作示意图workspace：本地工作目录。Repository：本地仓库。Remote：远程仓库。index：可以把它理解为一个缓冲区，我们先批量的把文件放到这个 index 中，然后 commit 的时候再一次性的把 index 中所有的文件提交到本地仓库，像不像 Java 中的 BufferedWriter？Git 的几个常用的命令...
2018-11-15 14:24:01
169
原创 GIT生成密钥
GIT生成密钥切记公钥加密，私钥解密 ssh-keygen -t rsa -C "Gitee或GitHub上设置的邮箱地址"出现让你输入的地方不用管，那是让你指定公钥和密钥的生成位置，使用默认的即可（C:/Users/dell/.ssh/），一路回车即可。出现如图所示的界面说明公钥和密钥生成成功，到公钥和密钥所在的文件夹中找到公钥文件：打开 id_rsa.pub 文件，把里面的...
2018-11-15 14:01:37
4150
原创 微信小程序点击下载查看图片
微信小程序点击下载查看图片<view class="image_list" wx:if="{{show_status}}"> <repeat for="{{ shopimgs }}" key="index" index="index" item="item"> <view class="sh
2018-11-15 13:43:12
2492
原创 微信小程序复制文本
微信小程序复制文本首先看一下微信开发者文档参数说明是否必填data需要复制的文本内容是上代码wx.setClipboardData({ data:this.shopInfo.wenan, success:(res)=>{ tip.toast('复制成功') }, f...
2018-11-15 12:59:15
2360
原创 微信小程序相互跳转
微信小程序相互跳转首先在微信小程序开发文档上在已经明确标注跳转另一小程序的说明废话不多说上代码首先从新版本更新以后要在app.js上配置navigateToMiniProgramAppIdList，级别和 tabBar同样"navigateToMiniProgramAppIdList": ["要跳转小程序的APPID"]在触发页面代码如下wx.navigateToMiniP...
2018-11-15 12:13:08
1443
转载 微信小程序页面跳转方法总结
微信小程序页面跳转方法总结利用小程序提供的 API 跳转：// 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，但是 redirectTo wx.navigateTo({ url: 'page/home/home?user_id=111'})// 关闭当前...
2018-11-15 11:00:35
343
翻译 VUE element-ui 之button 按钮简介
element-ui之Button 按钮按钮等可以通过vue绑定属性来控制某一些属性各式各样的按钮 &amp;lt;el-button&amp;gt;鼠标滑过/点击背景变淡&amp;lt;/el-button&amp;gt; &amp;lt;el-button type=&quot;primary&quot; plain&amp;gt;鼠标滑过/点击背景变深色调
2018-10-26 15:26:15
67064
1
翻译 vue 之element-ui Layout 布局
vue 之 element Layout 布局//&amp;amp;lt;el-row&amp;amp;gt;&amp;amp;lt;/el-row&amp;amp;gt;布局最外层容器，里面子元素如果浮动以后，一般父级可以不清除浮动， 1. &amp;amp;lt;el-row&amp;amp;gt; 2. 3. &amp;amp;lt;el-col&amp;amp;
2018-10-26 11:28:45
6824
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人