- 博客(43)
- 收藏
- 关注
RSS订阅
原创 移动端vs-tree组件特别需求的使用
最近vue项目需要个移动端的tree,需求比较奇葩,所以找了半天比较人性能自定义的tree组件,最后发现vs-tree自定义还可以,但是用的人比较少,缺陷还待完善先放上原文档github vs-tree点这里大家可以照着看我的需求是父子组件不关联,并实现全选控制,效果图如下图1: 这是只选择上级部门的选中状态,已经是取消父子关联了图2: 这是全选部门效果.无效方法:(都是失败方式,这里就不放代码了)思路(1):原本我是想当我点击全选的时候控制打开父子关联并实现选中最上级父级状态.也尝试过,
2021-03-26 12:13:27
2582
2
原创 Vue CLI3详细搭建过程以及vue+vuex分析
一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、...
2019-06-05 16:14:04
25483
1
原创 html5的localStorage之【增、删、改、查】
localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的localStorage的局限1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属...
2019-04-09 18:56:24
2926
3
原创 vue 前端数据渲染顺序错乱,浏览器显示数据正常
最近写项目时发现一个问题, 返回的formDesc对象为展开的数据顺序和展开后的数据顺序不同, 导致我前端渲染实际是按未展开时的数据顺序渲染,(实际上是后端数据逻辑处理错误并返回)实际上后端返回的数据如下:也就是浏览器数据未展开时的数据下面展示一些 内联代码片。/{ "msg": "操作成功", "code": 200, "data": { "tpId": "f64250c1-a7a5-4020-a5b6-8142f2c2ae39", "tpN
2021-11-18 12:04:56
2086
2
原创 vue 多个子组件内弹窗层级显示问题
vue 多个子组件内弹窗层级显示问题问题是vue 父组件调用多个子组件元素内的弹窗显示层级混乱冲突问题父组件调用的box子组件,子组件内调用自定义的dialog弹窗层级混乱效果如下由于html下无论dialog弹窗的层级是多少都会按父元素的层级来计算, 所以box6的层级大于box3的层级,导致弹窗显示层级低于box6,如果只有box3的子组件有弹窗的话,最简单的办法就是提高box3的层级就可以解决,但同时我的box6子组件也有弹窗,所以冲突解决办法方法一:第一种解决办法就是把dial
2021-07-23 15:21:04
4630
原创 Vue Dialog 中el-select 和el-date-picker选择后不展示选中内容,遇坑记录
Vue Dialog 中el-select 和el-date-picker选择后不展示选中内容,遇坑记录直接放代码<el-select v-if="item.type == 2" v-model="searchObj[item.field]" :placeholder="item.placeholder ? item.placeholder : ''" :style="{ width: item.width ? item.wid
2021-07-05 16:22:27
1510
2
原创 Vue 页面中list列表scrollTop滚动条缓存
Vue 页面中list列表scrollTop滚动条缓存我的list列表用的是 vant 组件 , 首先找到外包的盒子给ref = ‘lists’<div class="list-scroll" ref="lists"> <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading"
2020-12-18 18:07:51
2274
3
原创 微信小程序之入门步骤
在Android 项目不忙之余，自学了微信小程序入门。常听前辈说，做一名开发人员最重要的不是你会什么语言，而是在面对不会的语言和未接触过的任务时，有着怎样的学习力和学习逻辑。仿佛又回到了高三那一段难忘的学习阶段，用了小三天时间，可以说是入了个小门。下面将自己踩得坑，和从别人的帖子里学来的经验，做一个总结，留给自己回忆，留给后人学习。一、小程序是什么。 首先，你要对小程序的开...
2019-04-25 10:32:40
318
原创 css3中display属性flex弹性布局
最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex.container { display: flex; flex-direction: column; align-items: center; background-color: #b3d4db; }编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢？Fl...
2019-04-24 09:54:15
229
原创 Vue 全局变量和局部变量理解
全局组件和局部组件* 1.先定义组件 Vue.component('组件名', { 组件模板对象 })* 注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写* 例如: 组件-->mtText 使用时--> <my-text></my-text>* ...
2019-04-17 14:25:09
903
原创 在GitHub上上传项目详解,更新以及部分问题解决方法
首先你得注册一个自己的GitHub账号，注册网址：https://github.com/join有了自己的账号以后，就可以进行登录，开始创建一个新的项目创建一个新的项目，填写项目名称，描述创建完成之后，跳转到下面的页面，下面红框中的网址要记住，在后面上传代码的时候需要使用接下来，我们需要先下载Git，这里最好下载最新版本的Git，这里附上我下载的Git2.6.2的网址：https:...
2019-04-14 17:54:09
608
原创 前端面试题整合
https://blog.youkuaiyun.com/quhongqiang/article/details/80388401?tdsourcetag=s_pcqq_aiomsghttps://www.cnblogs.com/autismtune/p/5210116.html?tdsourcetag=s_pcqq_aiomsg
2019-04-07 21:42:39
160
转载 自定义表格的添加行/删除行
自定义表格的添加行/删除行1、创建好表头，定义好列名，以及删除控件的列，添加行的按钮 添加行 2、创建完成之后，就要写JavaScript添加行的代码了var ssd=0;function addRow() { //往表格添加行ssd++;$("#tanles").append("" + ssd +" " +“<span ‘DeleteRow(this)’ cl...
2019-04-03 19:30:45
260
转载 Vue基础-Vue入门
一、Vue入门基础知识1、Vue使用的基本操作i. 先下载，引入vue.jsii. Vue，实例化一个vue实例化对象（new Vue({})） 1. 新建一个vue实例化对象（Vue是一个构造函数） 2. 执行vue构造函数中每一句代码 3. 将新创建的vue实例化对象赋值给vue构造函数中的thisiii. 往vue实例化对象中传入一个对象（Vue实例化传...
2019-04-01 19:32:07
3556
6
转载 JavaScript中的函数、对象
JS中的函数声明方式方式一function 函数名（）{函数体}方式二var 函数名=function(){函数体}方式三var 函数名=new Function(“函数体”)；执行方式函数名();JS中的对象类似Java中的一些系统预设好的类日期对象function testDate(){var date=new Date(); //本月中的第...
2019-03-31 18:30:12
181
转载 java集合详解和集合面试题目
一、集合与数组数组（可以存储基本数据类型）是用来存现对象的一种容器，但是数组的长度固定，不适合在对象数量未知的情况下使用。集合（只能存储对象，对象类型可以不一样）的长度可变，可在多数情况下使用。二、层次关系如图所示：图中，实线边框的是实现类，折线边框的是抽象类，而点线边框的是接口Collection接口是集合类的根接口，Java中没有提供这个接口的直接的实现类。但是却让其被继承产生了两...
2019-03-28 19:00:14
169
转载 为自己的未来筹划
大学生期望薪资排名前三位的依次是：北京：平均期望薪资12992元/月；上海：平均期望薪资12070元/月；南京：平均期望薪资9771元/月。与应届生高期望薪资相对的是，陆续传出众多企业大裁员的消息。这场裁员潮来的快且急，很多人措手不及：有人昨天刚通宵发布上线第二天就被裁了；有人早上还在改Bug下午就被裁了；还有公司不发工资逼着员工主动离职……被裁对象大多是工作一两年的、或者在公司时间...
2019-03-28 18:57:55
227
转载 HTML面试题
HTML1.Doctype作用，HTML5 为什么只需要写doctype是一种标准通用标记语言的文档类型声明，目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义（DTD）来解析文档.<!DOCTYPE>声明必须是HTML文档的第一行，位于html标签之前HTML5不基于SGML，所以不需要引用DTD。在HTML5中<!DOCTYPE>只有一种SGML: 标准...
2019-03-28 00:00:25
243
转载 Python 实现【飞机大战】游戏
设计说明：完成敌机发射子弹功能（注意：子弹不是连发、移动速度不要太快）实现敌机子弹和玩家飞机的碰撞检测实现敌机子弹和玩家飞机的碰撞检测为消失的飞机添加爆炸效果为消失的飞机添加爆炸效果【飞机大战】的代码存放在 https://gitee.com/luhuadong/Python_Learning/tree/master/2nd_week/homework/aircraft_war项目特点及...
2019-03-25 23:06:31
432
转载 web移动端开发技巧与注意事项
一、meta的使用1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览。2、...
2019-03-25 19:38:21
216
转载 前端知识点积累（css篇）
1、css盒模型盒模型分为标准模型和ie盒模型。在标准盒模型中，盒模型的宽高指的是内容(content)区域，而在ie盒模型中，盒模型的宽高是内容(content)+填充(padding)+边框(border)的总宽高。（1）可以通过css设置盒模型：/* 标准模型 */box-sizing:content-box; /*IE模型*/box-sizing:border-...
2019-03-25 19:34:50
233
原创 C3H5 3d立体魔方效果
<!DOCTYPE html><html><head> <title>立方体</title> <meta charset="utf-8"> <style> .da{ width: 200px; margi
2019-02-27 18:57:10
271
原创 关于跨域的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am
2019-02-25 19:24:45
122
原创 query手风琴插件封装函数
$.fn.accordion=function (colors,width) { //如果用户没有传参数，设置默认值 colors=colors ||[]; width=width || 20; //让当前的对象去找li var $li=this.find("li"); // $li.each(function (index, ele) { ...
2019-02-21 18:42:41
132
原创 jquery五星好评案例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ..
2019-02-20 21:19:29
730
原创 jquery 简单轮播图 运用
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>京东轮播图</title> <style> * { margin:
2019-02-19 19:29:37
123
转载 扑克牌之 斗牛算法
function getRandom() {return parseInt(2 + (9 - 2 + 1) * Math.random());}function getCards() {var arr = [];var count = 5;while (count–) {arr.push(getRandom());}return arr;}function cal(cards...
2019-02-19 09:19:41
10501
原创 js跟jquery的区别
<script>/** js和jq的关系：jq是js的一个库* 为什么学习jquery ？ --->简单粗暴 ，没有兼容性问题* 入口函数： $(function(){}) 全写：$(document).ready(函数)* js和jq对象的区别:* 1.方法不能互相调用* 2.可以转化： js--->jq : 加$()* ...
2019-02-18 18:17:50
156
原创 js 优化：省市下拉菜单 二级联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS实现二级联动菜单</title></head><body><form
2019-01-24 11:44:12
446
原创 js之省市下拉菜单二级联动
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt; &lt;title&gt;JS实现二级联动菜单&lt;/title&am
2019-01-23 20:25:18
4375
转载 正则表达式速记口诀
正则表达式口诀及常用正则签于网上太多的介绍都是一篇凶悍的短文，边看边理解可以，帮助记忆不行。又受五笔字型字根表口诀“白手看头三二斤…”的启发，试作“正则表达式助记口诀”又名“正则打油诗”，版本0.1，绝对原创，仿冒必究，：）注：本文仅为学习正则时为了便于记忆而作，不能代替系统而全面的学习过程，错漏之处，敬请指正！正则其实也势利，削尖头来把钱揣； （指开始符号^和结尾符号$）特殊符号认不了...
2019-01-22 18:51:20
1103
原创 祝福墙实现随机位置，双击删除，单击层级，点击按钮删除效果
<script> var messages = [ {"id": 1, "name": "mahu", "content": "今天你拿苹果支付了么", "time": "2018-12-17 00:00:00"}, {"id": 2, "name": "haha"
2019-01-21 19:29:13
188
原创 贪吃蛇全代码
<script>/** 分析： 食物 ， 小蛇 , 游戏 ，三个对象* *///一：食物对象((function () { //创建一个空数组，保存每一个小方块，方便删除小方块 var elements = []; //首先要通过构造函数创建对象 属性 function Food(width, height, color, x, y) {...
2019-01-20 23:17:37
3793
原创 贪吃蛇之随机产生小方块
//产生随机数的对象((function () { //1.产生随机数的构造函数 function Suiji() { } //2.在原型这种添加方法 Suiji.prototype.getSuiji=function (min,max) { return parseInt(Math.random()*(max-min)+min) ...
2019-01-17 21:54:56
640
原创 脑壳疼之滚动条案例
真绕啊<script>// 滚动条的高 / 装滚动条div的高 = box的高 / 文字div的高// 滚动条的高 = 装滚动条div的高 * box的高 / 文字div的高//最外面的divvar box = my$("box");//文字divvar content = my$("content");//装滚动条的divvar scroll = my$("s...
2019-01-16 20:42:58
175
原创 脑壳疼之变速动画之增加任意属性与回调函数
function getStyle(element,attr) {return window.getComputedStyle?window.getComputedStyle(element,null)[attr]:element.currentStyle[attr];}function backstyle(element,json,fn){clearInterval(element.ti...
2019-01-15 20:18:28
123
原创 js之 攻克轮播图
一条条的看很好理解， 但是凑到一起是真的难理解<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style type="text/css"&
2019-01-14 22:15:56
216
原创 简单的按钮添加/删除/更改/克隆 表格
今日难点之表格是我表哥表哥样式如下: 书名 价格 看见风景的房间 $30.00 60个瞬间 $32.00 按钮代码如下:js 代码如下:my$("btn1").onclick=function () { v...
2019-01-10 22:04:50
154
原创 强行隔行显示 并高光变色 , 千万不要学我写,太复杂
// - 列表隔行变色、高亮显示myKaTeX parse error: Expected '}', got 'EOF' at end of input: … var list=my(“uu”).getElementsByTagName(“li”);for (var i=0;i<list.length; i++){if (i%2 !=0){list[i].style.backg...
2019-01-08 20:12:30
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人