- 博客(31)
- 收藏
- 关注
转载 全局 snippets
{//Placeyour全局snippetshere.Eachsnippetisdefinedunderasnippetnameandhasascope,prefix,bodyand//description.Addcommaseparatedidsofthelanguageswherethe...
2019-09-18 14:36:00
207
转载 Vue.js中 watch 的高级用法
handler方法,immediate属性deep属性:https://blog.csdn.net/wandoumm/article/details/80259908转载于:https://www.cnblogs.com/wilsunson/p/11338077.html
2019-08-12 10:03:00
121
转载 vue 自定义步骤条组件(css)
话不多说直接上组件代码。。<template> <div> <ul class="steps"> <li v-for="(item,index) in SetData" :key="item+index" :class="{'active':Steps==...
2019-07-28 15:19:00
3145
转载 手写Promise(转)
// <!-- 简易版的promise --> const PENDING = "pending" const RESOLVE = "resolve" const REJECT = "reject" function MyPromise(fn) { const that = this that.st...
2019-07-21 16:30:00
106
转载 阻止element组件中的<el-input/>的粘贴功能(转)
需求: 阻止element组件中的<el-input/>的粘贴功能实现思路: <el-input/>组件是由外层<div>和内层的<input>组成的, 根据浏览器的事件传递机制(先捕获,后冒泡): 粘贴的时候会先执行绑定在外层div上的paste事件捕获方法, 然后再到内层的input, 因此可以在组件上捕获监听paste事件, ...
2019-05-21 17:34:00
1071
转载 js 对象深拷贝函数
// 深拷贝函数封装 function deepCopy(obj) { // 根据obj的类型判断是新建一个数组还是对象 let newObj = Array.isArray(obj)? [] : {}; // 判断传入的obj存在,且类型为对象 if (obj && typeof obj === 'o...
2019-04-26 18:15:00
149
转载 reduce 黑科技
链接:https://segmentfault.com/a/1190000005921341转载于:https://www.cnblogs.com/wilsunson/p/10288382.html
2019-01-18 16:34:00
83
转载 借助includes()方法求两个数组的差集(适用于对象数组)
var a = [1, 2, {s:3}, {s:4}, {s:5}].map(item => JSON.stringify(item))var b = [{s:2}, {s:3}, {s:4}, 'a'].map(item => JSON.stringify(item))var diff = a.concat(b) .filter(...
2019-01-18 16:24:00
243
转载 js proxy 代理模拟vue实现数据双向绑定
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <me...
2019-01-17 09:27:00
139
转载 css margin-top 失效
给父框加overflow: hidden;参考:http://www.manongjc.com/article/91.html转载于:https://www.cnblogs.com/wilsunson/p/10265405.html
2019-01-14 10:05:00
164
转载 element table 错位问题
解决方法:修改element table 的css,添加 important.el-table th.gutter { display: table-cell !important;}.el-table colgroup.gutter { display: table-cell !important;}.el-table .warning-row ...
2019-01-09 16:17:00
902
转载 前端测试 Jest/(Mocha) Typescript/Javascript Vue-units-test
领导要求使用单元测试测试vueso...收集jest测试JavaScript(es6)相关:1、令人愉快的 JavaScript 测试(2018年10月12日)掘金的文章,目前持续更新。跟着做比看Jest官网有意思。2、前端测试框架Jest系列教程 -- 简介(2017-12-10)某位大佬写的Jest教程,凡所应有,无所不有。有他看什么官网?3、Jes...
2018-10-26 17:30:00
194
转载 input输入框的各种样式 文本框为下划线 text输入框样式
转载自http://blog.sina.com.cn/s/blog_6e212cad0100mi11.html,看到特别好用拿来记录一波。输入框景背景透明:<input style="background:transparent;border:1px solid #ffffff">鼠标划过输入框,输入框背景色变色:<INPUT value="Type her...
2018-08-29 15:26:00
1011
转载 正则表达式
慕课:https://www.imooc.com/learn/706正则工作室:http://www.regexlab.com/1.元字符/b/b用来匹配边界,如 /bhi/b 匹配单独的hi单词。/B匹配非边界。2.匹配数字\d\d{5}表示循环匹配5次数字,\d{3,5}表示循环匹配3到5次。3.量词? ,* ,+。?等价于长度{0,1} ...
2018-08-09 11:10:00
63
转载 记录小程序废弃的modal
学习mpvue的时候发现modal,感觉很强大,能在<modal></modal>标签内添加很多内容,是showMoadl()比不上的。核心是绑定hidden属性,如 :hidden="boolean值"title="填写提示消息" confirm-text="自定义的确定内容" cancel-text="自定义的取消内容" @cancel="...
2018-08-08 16:46:00
179
转载 mpvue使用wxcharts.js显示各类图表
尝试使用wx-charts来使用图表显示各类数据,主要留意<canvas></canvas>中的id写法不是id="ringCanvas",而是canvas-id="ringCanvas"。参考博客:https://blog.csdn.net/m0_37805167/article/details/75160063wxcharts.js下载地址:https...
2018-08-08 11:39:00
392
转载 vue-router路由
vue路由对于单页应用很有用,但是小程序不支持,所以mpvue框架不支持。vue-router是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。引入 Hi组件:我们在router/index.js文件的上边引入Hi组件import Hi from '@/components/Hi'增加路由配置:在router/ind...
2018-08-07 18:09:00
101
转载 键盘码,归类到vue
vue -on事件可以侦探键盘,这里放到vue不放es 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-w...
2018-08-07 18:07:00
69
转载 props 的作用
props选项就是设置和获取标签上的属性值的。参考https://blog.csdn.net/sinat_17775997/article/details/52437962转载于:https://www.cnblogs.com/wilsunson/p/9438540.html
2018-08-07 18:03:00
649
转载 vue cli 项目创建
初始化项目我们用vue init命令来初始化项目,具体看一下这条命令的使用方法。$ vue init <template-name> <project-name>init:表示我要用vue-cli来初始化项目<template-name>:表示模板名称,vue-cli官方为我们提供了5种模板,webpack-一个全面的webpack+v...
2018-08-07 18:02:00
77
转载 vue、directive自定义指令和生命周期
学习vue自定义指令。Vue.directive("mynewcode",{bind:function(el,binding){..自定义指令中传递的三个参数el: 指令所绑定的元素,可以用来直接操作DOM。binding: 一个对象,包含指令的很多信息。vnode: Vue编译生成的虚拟节点。自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,upd...
2018-08-07 18:01:00
280
转载 mpvue框架开发小程序,查询上一页的参数的方法
var pages = getCurrentPages(); var Page = pages[pages.length - 1];//当前页var prevPage = pages[pages.length - 2]; //上一个页面 var info = prevPage.data;//取上页data里的数据也可以修改prevPage.setData({is...
2018-08-07 17:48:00
135
转载 mpvue中主main.js的编写
//整个头部的界面样式设置↓ window: { backgroundTextStyle: 'light', navigationBarBackgroundColor: '#1b82d1', navigationBarTitleText: '定义名字', navigationBarTextStyle: '#fefef...
2018-08-07 17:36:00
210
转载 php 后端接受参数的方法
php 后端接受参数的方法。很神奇的file_get_contents('php://input');$*获取的对象*=file_get_contents('php://input');选择对应参数的方法:$arr=json_decode($*获取的对象*,true);//将对象转换为数组再选择参数$arr['*对应的参数对象*']转载于:https://www.cnblog...
2018-08-07 17:34:00
328
转载 php 查询对应表所有数据
<?php header("Content-type:text/html;charset=utf-8"); $mysqli=new mysqli('localhost','root',''); mysqli_select_db($mysqli,'mytest'); $sql="select * from message"; $r...
2018-08-07 17:32:00
221
转载 mpvue常用语句
1、获取url传参的函数:this.$root.$mp.query.对应的参数名转载于:https://www.cnblogs.com/wilsunson/p/9438246.html
2018-08-07 17:25:00
93
转载 git指令
git对于开始团队项目开发是必不可少的,这里对git的一些指令进行归纳。获取Git仓库的命令:git init:初始化一个Git仓库git init git_testgit init --bare git_bare_test生成一个裸的仓库,它不带.git文件,也就是不带工作区。 git clone:git clgit clone https://github.com/s...
2018-08-07 17:24:00
45
转载 es5 es6常用
对es5和es6进行归纳总结,不会的记下来。object 对象方法:Object.assign(target,...sources)//将一个或多个源对象的可枚举属性复制到目标对象中,return(target)target:目标对象,sources:源对象参考https://www.cnblogs.com/heiye168/p/5689006.html数组方法map:map()...
2018-08-07 17:18:00
105
转载 css常用样式记录
记录常用的css样式,对不了解的地方进行掌握。div span 超出显示成省略号:.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; //规定段落中的文本不进行换行word-break:keep-all;}圆:border-radius:70%;图片和文字同...
2018-08-07 17:14:00
104
转载 mpvue框架使用小程序swiper和scroll-view制作tabbar
一开始写感觉很难,后来发现绑定currentTab这个值,并调用clickTab(),changeTab()方法,实时更新它,也就不难了。 1 <template> 2 <div class="contain"> 3 <scroll-view scroll-x class="top"> 4 ...
2018-08-07 15:17:00
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人