- 博客(38)
- 收藏
- 关注
RSS订阅原创 2021-10-30
js 深拷贝,（递归）（用于对象，数组，对象数组等大部分数据格式）let dataJson={ id:1, name:'张三', post:['销售','后勤'], address:[{ id:11, region:'北京', }]} deepCopy (initialObj, finalObj) { const obj = finalObj || {} for (const key in initialObj) { const item = initialObj[
2021-10-30 13:45:41
112
原创 钉钉移动端和PC免登
钉钉移动端和PC免登设置 获取code，并发送给后台一、移动端移动端需要在 app.vue里面进行全局设置1.写个方法抱住它然后在created里面调用这个方法 methods:{ authSerivce: function() { let that = this; dd.ready(function() { dd.runt...
2019-09-26 15:23:20
3983
5
原创 如何在webStorm中使用 sass
1.首先在webStorm 创建好vue项目，然后先安装sass 和相对应的依赖包指令 gem install sass npm install --svae-devsass-loader npm install --save-dev node-sass2.当指令安装完成之后，就可以在相对应的style标签对儿中直接进行引入了(s...
2019-08-21 21:45:10
1136
原创 vue父组件给子组件传值
1.首先定义一个子组建，然后在父组件components：{zujian}先引入！！！2.在父组件中使用子组建<zujian v-bind:aaa='arr'></zhujian>//v-bind绑定一个事件 假如是aaa 而后面的arr是在data中想要传递的数据（这里我先定义了一个数组，当然传递一个值或者json也是一样的，一个值就不用循环了)3.然后在...
2019-08-21 21:35:59
185
原创 vue子组建给父组件抛值
一。子组建给父组件抛个值1.首先先自定义好子组建，然后在父组件components：{zujian}先引入！！！2.在父组件中使用子组建标签对儿，并给子组建绑定一个事件如 <zujian@aa="tty"></zujian> 这里aa是自定义的方法名，tty是事件methods:{ tty(a){ console.log(a)...
2019-08-21 21:06:36
512
原创 vue项目如何进行组件化开发
首先在router文件夹下面进行导入你的vue页面import zujian from '@/components/zhujian'//紧接着封装组件//这里两个参数分别代表的是1.自己定义的组件名字 2.是配置的路由名字Vue.component('zujian1',zhujian)//然后就OK了，就可以直接在组件中写入你的代码就OK了。调用就是自定义名字标签对儿&l...
2019-08-21 20:35:42
1987
原创 vue （mintUI）上拉加载
第一步：首先安装好mint UI第二步：再引入到 main.js中 importMintfrom'mint-ui';Vue.use(Mint);第三步：找到css再导入到main.js中import 'mint-ui/lib/style.css'第四步：打开Mint UI 找到这个属性第五部：把这个例子引入进去<ul v-infinite-s...
2019-07-24 17:05:39
640
1
原创 ES6中 Array.Set的写法 （ES6去重---排序）
第一种：{ let arr = [1, 2, 2, 3]; // new Set()对数组去重，返回的是一个set对象 // Array.from()返回一个新的数组实例 arr = Array.from(new Set(arr)) // 正序 console.log(arr) ...
2019-07-13 08:31:22
4601
1
原创 appium-chromedriver@3.0.1 npm ERR! code ELIFECYCLE npm ERR! errno 1
appium-chromedriver@3.0.1 npm ERR! code ELIFECYCLE npm ERR! errno 1解决方法：1 npm install appium-chromedriver@3.0.1 --ignore-scripts或者:npm install appium-chromedriver --chromedriver_cdnurl=htt...
2019-07-11 15:47:11
856
原创 vue双向绑定原理（数据响应式原理）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-07-10 19:26:10
416
原创 rem适配布局js代码
rem适配布局js代码var uiW=750; winW=document.documentElement.clientWidth; rate=winW/uiW; document.documentElement.style.fontSize=rate*100+"px";
2019-06-21 16:55:38
210
原创 微信小程序，如何给动态创建数据，属性。
JS data：{ //这里假如有个数组来保存一个个数据 Data_arr:[ { name:"张三"， age："18" }, { name:"李四" age："20" }, ]}//如果大家想要给这个数...
2019-06-19 21:21:56
2578
原创 微信小程序中使用template 模板，但是多个数据无法渲染。
wxml:这里for循环的是自己定义的data里面的json数据<block wx:for="{{liData}}"wx:key="*this"> <template is="gwc_mb" data="{{...item}}"></template></block>在页面上使用该模板，通过is判断使用哪个模板,这里我们使用...
2019-06-19 08:55:22
1533
原创 在微信小程序中 改变checkbox的默认样式！
直接上css代码 改变成圆形！/* 重写 checkbox 样式 *//* 未选中的 背景样式 */checkbox .wx-checkbox-input{ border-radius: 50%;/* 圆角 */ width: 46rpx; /* 背景的宽 */ height: 46rpx; /* 背景的高 */}/* 选中后的 背景样式 （红色背景 无边框 可根据UI...
2019-06-18 20:50:43
5763
原创 local.storage 实现注册和验证
<html ng-app="ionicApp"> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"...
2019-06-05 10:12:54
681
原创 sass
学习目标1 安装好ruby环境 sass是基于ruby开发 gem2 学会安装sass gem install compass3 学会使用sass编译成css4 学会使用sass的一些简单语法5 学会使用sass编译十二栅格1/安装ruby mac下面不需要安装ruby window下面安装ruby 需要下载 ru...
2019-06-04 10:20:57
362
原创 后台管理系统大体样子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title><style type="text/css">*{margin:0; padding: 0;}.container{ ...
2019-06-04 10:20:25
201
原创 移动端基础
1/ 开发自适应/响应式页面2/ 开发移动web页面3/ 开发移动端的特效4/ 掌握移动端开发技巧以及优化移动端基础：了解移动端产品分类及现状会调试移动端项目会使用viewport视口标签定义理想窗口会使用em布局网页会使用rem布局网页什么是移动web移动web 运行在移动设备上的产品 移动设备包括： 手机/平板/其他的一些手持...
2019-06-04 10:19:06
222
原创 Flex弹性盒布局
Flex弹性盒布局本章目标会使用flex实现页面布局 会使用容器属性 会使用项目属性能够解决flex布局中遇到的问题思考： 为什么出现flex弹性盒布局分析： 垂直居中并不容易实现Flex定义flex是Flexible Box的缩写 意思为"弹性布局"，用来为盒状模型提供最大的灵活性弹性盒子由弹性容器（Flex cont...
2019-06-04 10:18:13
214
原创 js 中的事件委托或是事件代理
js 中的事件委托或是事件代理起因：这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；概述：那什么是事件委托呢？他还有一个名字叫事件代理，javascript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思用例子来解释有三个同事预计会在周一收到快递。为签收快递，有两种办法一是三个人在公司门口等快...
2019-06-04 10:17:39
86
原创 MUi 多次或自定义跳转子页面
直接上代码 、复制下来 直接放到JS里面就OK； ID名换了就OKdocument.getElementById("ID名").addEventListener('tap',function(){mui.openWindow({url:'要跳转的子页面名字.html',id:'...
2019-06-04 10:16:43
576
原创 JS单机事件 实现点一下隐藏，再点一下隐藏
实现原理： 为链接注册onclick事件处理函数，此处理函数可以判断div的style.display属性值，如果为block则将其设置为none，也就是将div设置为隐藏状态，否则设置为block，也就是将div设置为显示状态，原理大致如此。 需要特别注意的是，在div中，之所以使style="display:block"的目的是让obj.style.display语句能够获取属...
2019-05-17 16:28:55
2312
原创 display:table和display:table-cell
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者flex布局。但这里我介绍display：table和table-cell是如何让多行文字垂直居...
2019-05-16 11:08:33
246
原创 var和let还有canst的区别
一、var声明的变量会挂载在window上，而let和const声明的变量不会：这里的挂载指的是用户通过系统自定义对象可以访问此变量var a = 100;console.log(a,window.a); // 100 100let b = 10;console.log(b,window.b); // 10 undefinedconst c = 1;console.log...
2019-05-08 22:10:49
358
原创 破布流 - -
css<style type="text/css"> div{ width:200px; position:absolute; background:#ccc; }</style>记得要把body 给个ID名取出来js部分<script type="text/javascript">...
2019-05-07 16:56:02
161
原创 自定义播放器
css<style type="text/css">.jdt{ width: 600px; height:10px; background:#ccc;} #bf{ height:10px; display:block; background:#639843; }</style>...
2019-05-07 16:48:10
434
原创 js实现 瀑布流
在这里插入代码片@TOCcssvar{ width:200px; background:#ccc; position:absolute;}createDiv() function createDiv(){ for(var i=0; i<20;i++){ var aDiv=document.createElement("div")...
2019-04-28 15:49:54
180
原创 当前二级菜单项展开时，其余导航项关闭
html<body> <div> <div> <div class="box">账号</div> <ul> <li>注册账号</li> ...
2019-04-20 16:15:16
1984
原创 attr
为图像设置src属性。jQuery 代码:$(“img”).attr(“src”,"*.jpg");$(“img”).attr({“src”:".jpg"})
2019-04-18 19:48:19
588
1
转载 保持留言板添加的元素最优先显示
function boxScroll(o){ o.scrollTop = o.scrollHeight;}o是当前元素scrollTop当前元素滚动条距离当前元素顶部的位置scrollHeight当前元素内容的总高度使两者相等保持添加元素的最优先显示...
2019-04-18 19:42:20
131
原创 用JQ写简易聊天框，没有装饰 超级简略版
css和html 部分<style type="text/css"> ul{ width:300px; height:300px; border:1px solid #ccc; overflow:auto; } textarea{ width:300px; hei...
2019-04-18 19:39:25
283
3
原创 简易留言板
//css部分点击留言//JS部分var item=document.getElementsByClassName(“items”)[0];function lalala(){var val=text.value;//创造一个储存写过东西的 livar li=document.createElement(“li”)//取出li 里面的文档li.innerHTML=val;/...
2019-04-15 21:23:36
902
原创 购物车点击加减
//css部分12.5+<input type=“text” / value=“1”>-12.5删除12.5+<input type=“text” / value=“1”>-12.5删除12.5+<input type=“text” / value=“1”>-12.5删除12.5+<input ty...
2019-04-15 21:21:46
637
原创 选项卡
//CSS部分 1 2 3 4 5 <div class="box">11</div><div class="box">22</div><div class="...
2019-04-15 21:16:43
63
原创 五一倒计时
//JS部分function setDate(){var time = new Date()//获取当前时间time = time.getTime();//获取当前时间的时间戳var timetwo = new Date(“5 1,2019,0:0:0”);//获取五月一号的时间timetwo=timetwo.getTime();//获取五月一号的时间的时间戳 转换...
2019-04-15 21:13:38
269
原创 查找 包含A或者a的字符
var arr = ['aas','Asdf','dsf','sdfsd','edsd','Athrt'];var sum = 0; for(i=0; i<arr.length; i++){ //根据inedxOf查找 a或A的下标！= -1 因为找到不会报-1 if(arr[i].indexOf("a") != -1 || arr[i].indexOf("...
2019-04-15 21:08:11
1539
原创 a出现的次数
var arr=[‘a’,‘b’,‘c’,‘d’,‘a’,‘r’];var sum= 0;//赋值一个用于存储数量的for(var i=0; i<arr.length; i++){//循环数组里面的所有值，恒等于“a"的就是要找的if(arr[i]==“a”){sum++};};document.write(‘a出现的次数是’+sum);...
2019-04-15 21:00:29
399
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人