- 博客(47)
- 收藏
- 关注
RSS订阅原创 父组件更新，子组件未更新
项目中，渲染的数据为对象数组arr = [ obj, obj, obj ... ]，业务需要要给某个对象obj增加一个属性key；在父组件渲染之前，通过this.$set()方法，给要渲染的数据对象增加属性，保证被vue拦截加了getter和setter。没有通过$set方法增加，或者在渲染之后才增加该属性，导致该属性并不会被vue监听到。但是当在父组件中修改这个属性后，子组件并没有随着更新。...
2022-08-04 16:32:52
2338
1
原创 el-cascader饿了么级联选择器，滚动加载更多数据
如图示，根据业务需求，需要在左侧红框内实现向下滚动增加更多数据功能 。方法：通过指令形式实现1/定义指令：可以在组件内定义cascaderScroll，也可以全局定义指令directives: { "cascaderScroll": function (el, binding) { const cascaderDom = el.querySelector( ".el-cascader__dropdown .el-cascader-menu..
2022-01-11 16:36:45
2383
6
原创 vue使用keep-alive的include来缓存多个组件时，不生效的大坑
<template> <keep-alive include="a, b, c"> <router-view /> </keep-alive></template>上面这样使用只有第一个组件a能缓存，b和c都不能缓存。切记：使用逗号分隔字符串这种形式，不能有空格<template> <keep-alive include="a,b,c"> <router-view />.
2021-12-09 09:49:16
2192
2
原创 Ant Design Vue的Table组件设置scroll属性时，表头去掉滚动条
<a-table :scroll="{ y: 300 }" :pagination="false"></a-table>shi'yong
2021-06-10 16:15:04
6821
4
原创 react使用ant design报错invalid hook call解决
在react中使用ant design时，安装时没有指定版本号，结果安装后，使用DatePicker时报如下错：但是我项目中并没有使用hook，按照提示的可能原因，猜想是版本不兼容问题，看了一下antd版本为4.x的，我react版本为16.x。于是重新安装3.x版本的antd，安装好重启，日历可以正常使用。...
2020-08-05 15:10:47
1532
原创 通过create-react-app脚手架创建的项目，配置绝对路径
在项目当中，基于模块化的开发，我们需要大量引用文件或模块，此时需要用到绝对路径。因为使用相对路径存在一个明显的问题：当文件目录发生变化时，需要频频修改相对路径。一个比较常见的情形是：在React开发中，我们经常需要导入组件，而组件一般都是放在components目录下。组件的位置一般不会改变，但是需要导入组件的文件的位置可能经常变化。这个时候如果我们使用相对路径，则需要对导入路径进行修改；而如果使用绝对路径，不管当前文件放到哪里都可以正确导入组件。配置导入根路径需要在webpack中配置，而reac
2020-08-04 15:26:11
1195
原创 layui upload上传文件时动态设置headers参数值
项目中上传文件时，需在headers中带上token，但是由于一进入页面就已经upload.render，此时如果用户没有登录，token为null，上传失败。而且由于用户在当前页面弹框登录后，页面并没有刷新，不会触发upload.render。针对这种情况，可以通过动态添加的方式在before函数中加入以下代码，这样每次上传时，都会先给token赋值。对于接口中需要传递的其它参数，可...
2019-12-18 16:30:13
8243
转载 windows查看端口占用情况，释放某个端口
在windows命令行窗口下键入如下命令：查看所有端口：netstat -aon在Local Address下面可以看到被占用的端口号情况。如80端口被PID为3096的进程占用。查找指定端口，如80：netstat -aon | findstr "80"查看PID对应的进程：tasklist | findstr "3096"结束该进程：taskkill /f /t /imc...
2019-08-16 10:01:55
557
原创 label和input
正常label标签就是显示文字，input标签根据类型不一样显示不同，如text,passwork等等。通过label与input绑定在一起，是为了点击label包含的文字时，input框会选中。否则只能通过点击input框选中。label标签可以直接包裹input标签和文字：<label for="male"> <input type="radio" na...
2019-07-31 17:04:01
3883
原创 通过input框上传图像并预览
HTML 如下：<input type="file" name="upImg"><input type="text"><div id="showImage"> <img src="" alt=""></div>JS如下：选择图片后，显示文件名，并预览图片$(document).on('change', 'in...
2019-07-31 15:57:30
1075
原创 表单元素的“readonly和disabled”属性
disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等；Readonly只针对input(text / password)和textarea有效。表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，该元素的值不会被传递出去；而readonly会将该值传递出去。解决方法：1、checkbox使用disa...
2019-07-09 14:03:10
581
原创 val()、html()方法改变元素值后，元素change事件无效解决方案
原因：Change事件触发有两个必要条件：值改变、失去焦点。解决方法：改变值的同时1、手动触发change事件$('input').val('').change()$('input').val('').trigger('change');2、手动触发blur事件$('input').val('').blur()$('input').val('').trigg...
2019-07-04 13:57:32
1577
原创 css3属性calc()实现自适应布局
如果元素宽度是100%时，只要你在元素中添加了border,padding,margin任何一值，都会把元素盒子撑破（标准模式下，除IE怪异模式）。css3新添加属性box-sizing，在一定程度上解决了上面的问题。通过css3新增加的另外一个属性calc()也能实现自适应布局。calc()使用通用的数学运算规则：使用“+”、“-”、“*” 和 “/”四则运算； 可以使用百分比、p...
2019-06-24 11:10:45
1601
原创 JavaScript计算某个日期距离今天的天数
方法：1、获取今天的格式化的日期：年-月-日；2、求出两个日期之间相差的毫秒数，除以一天的毫秒数即得到两个日期之间相差的天数。js获取今天的格式化的日期//获取格式化的日期function today(){ var today=new Date(); var str=""; str+=today.getFullYear()+"-"; var mo...
2019-06-24 10:49:01
14947
4
原创 jQuery变量冲突处理
许多JavaScript库使用 $ 作为函数或变量名，jQuery也一样。在jQuery中，$ 仅仅是jQuery的别名，因此即使不使用 $ 也能保证所有功能性。假如我们需要使用jQuery之外的另一JavaScript库，我们可以通过调用 $.noConflict() 向该库返回控制权。jQuery源码如下：//保存可能存在的jQuery和$的变量_jQuery = windo...
2019-06-21 17:11:09
318
原创 if，if...else if和switch...case的区别和分析
在只需要判断一个条件时，使用if语句方便有效； 当判断条件很多时，使用if...else if语句或switch case语句。因为多个if语句，将会对每一个条件进行判断，导致程序的效率降低。if...else if在任何一个环节满足条件的时候将会终止判断，相比多个if语句，可以减少程序的判断次数，提高执行效率。使用规则如下：（1）.在进行区间条件判断的时候，if else非常适合...
2019-06-12 14:31:08
7421
2
原创 CSS实现任意元素不同浏览器中获取焦点时的边框或背景颜色
项目中发现火狐浏览器输入框获得鼠标焦点时外边框颜色没有变化，用户体验不好，不能很明显地告诉用户哪个输入框获得了鼠标焦点，查阅资料发现页面中浏览器会给输入框input、textarea的outline属性设置一个默认值，当输入框获得鼠标焦点时外边框会自动带上颜色，失去焦点时外边框颜色消失。但是不同浏览器outline属性的默认值不同，如果想要所有浏览器获取焦点时的outline颜色相同，需要在ba...
2019-06-11 14:44:22
1725
转载 jquery ajax超时设置
设置timeout的时间，通过检测complete时status的值判断请求是否超时，如果超时执行响应的操作。var ajaxTimeoutTest = $.ajax({ url:'',//请求的URL timeout : 1000, //超时时间设置，单位毫秒 type : 'get',//请求方式，get或post data :{},//请求所传参数，json格式...
2019-06-05 10:07:30
294
原创 Python数据类型和变量
Python基础Python使用缩进来组织代码块，约定俗成的习惯使用4个空格的缩进。在文本编辑器中，需要设置把Tab自动转换为4个空格，确保不混用Tab和空格。以#开头的语句是注释。其他每一行都是一个语句，当语句以冒号:结尾时，缩进的语句视为代码块。数据类型和变量在Python中，能够直接处理的数据类型有以下几种：1、整数十六进制表示的整数用0x前缀和0-9，a-f...
2019-05-22 11:12:33
346
原创 命令行模式和Python交互模式
在Windows开始菜单选择“命令提示符”，就进入到命令行模式，它的提示符类似C:\>：在命令行模式下，可以执行python hello.py直接运行一个.py文件。注意：必须先把当前目录切换到hello.py所在的目录下，才能正常执行。只能在命令行模式才能执行.py文件。命令行模式下输入python，就进入到Python交互模式，它的提示符是>>>。交互模式下...
2019-05-21 15:55:03
1038
原创 Python简介、安装、解释器
一、简介Python是用来编写应用程序的高级编程语言。软件开发时，高级编程语言通常都会提供一个比较完善的基础代码库Python提供了非常完善的基础代码库，覆盖了网络、文件、GUI、数据库、文本等大量内容；Python还有大量的第三方库，让你能直接调用，在代码库的基础上开发，显著提高开发速度。Python适合开发哪些类型的应用呢？1、网络应用，包括网站、后台服务等等；2、日常...
2019-05-21 15:27:52
276
原创 一个页面多个地方使用日期组件 - layui.laydate时，动态设置最大最小值
开发页面中使用laydate日期组件设置日期。<div class=""> 日期1： <input type="text" class="J-startTime" value="" placeholder="请选择开始日期" readonly="readonly"> <span class="from-to"> -...
2019-03-26 09:59:03
2118
1
原创 一个页面多个地方使用日期组件 - layui.laydate时，多次渲染闪退问题
需求：页面中有多个地方需要设置日期，所以选择了layui的 laydate控件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/jav...
2019-03-25 17:47:49
3054
9
原创 JS返回日期范围内包含的星期
例如：选择日期：2019年03月25~2019年03月29则返回：[1,2,3,4,5]代码如下：/*** 获取日期范围包含的所有星期* @param string startDate* @param string endDate* @return Array weeksArr*///从开始日期每次递增一天，将日期对应的星期存储到数组中，最后返回该数组funct...
2019-03-25 17:03:31
430
原创 Eelment之Table 表格中的多选
遇到的问题：当tableData数据中有多条数据完全相同时，点击多条中的任一条都会选中完全相同的多条数据。解决办法：在tableData数据中加入能区分不同数据的字段，如index索引。...
2019-03-13 11:32:00
184
转载 如何拆分JS代码，以及代码拆分的意义
本文转载自“前端之巅”https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489547&idx=1&sn=63513db0896a37c26c850610bb926171&chksm=f951ad48ce26245e1eaed4641c879f2576d6b871feafde09326d85cc58...
2019-03-04 15:27:58
2505
原创 layer.js中load()方法的使用
1、load方法提供三种风格供选择。方法一：loadIndex = layer.load(); //不传参，默认0方法二：loadIndex = layer.load(1); // 1，另外一种风格方法三：loadIndex = layer.load(2,{time:10*1000}); //2，换一种风格；time设置最长等待时间load默认不会关闭，需要在complete回调中...
2018-12-21 15:47:08
59066
1
原创 HTML5自定义属性data和jquery的data()方法
HTML5自定义属性data注意：属性名 "data-" 之后必须有至少一个字符且只能小写，如果data-后面的单词有大写，例如 myName，将会转存成小写 myname。 如果data-后面包含了“-”，如 date-e-name，"-"会去掉，并转换成为骆驼峰式的命名 eName。因为JSON Object 的key不能包含“-”。 属性值可以是任意字符串在获取自定义属性的值时...
2018-12-20 10:55:31
591
原创 产品列表中使用v-lazyload插件懒加载img图片，但是当对产品列表重新排序（人气、销量、价格...），产品info信息改变，但是img图片没有发生变化
产品列表中使用v-lazyload插件懒加载img图片，但是当对产品列表重新排序（人气、销量、价格...），产品info信息改变，但是img图片没有发生变化，控制台查看DOM结构，发现DOM绑定的图片链接也没有发生变化，查阅资料找到解决方法：只需在img标签中增加: key=imgUrl，即可实现img图片随数据排序的改变动态切换。<img v-lazy="imgUrl" :key="...
2018-08-03 10:09:40
1603
原创 vue中使用过滤器filter处理浮点数小数位数
项目中，在处理购物车数据时，由于价格往往都是浮点数，而JS中对于小数点的精度是无法保证的，所以计算后的浮点数有时候会出现小数位数太多，并不是我们想要的结果，想到使用toFixed() 方法实现保留一定小数位数。因为购物车、订单页等页面都要用到，所以全局注册过滤器filters。1.vue项目中可能需要用到很多filters，所以在src目录下新建一个common/filter目录，在fil...
2018-07-30 10:51:52
5582
原创 vue中路由前进到某个页面，后退再前进，页面不刷新问题
项目中，第一次从“购物车”页前进“订单确认”页时，“订单确认”页可以正常加载数据，但是当后退到“购物车”页，重新选择商品后再次进入时，页面没有加载，还是上一次的数据。经过查阅vue相关文档资料，发现可以使用watch 方法监测路由的变化，每当路由发生变化时，执行watch中的代码，重新获取数据即可，关键数据没有清空还是缓存的上一次的数据，所以导致每次加载页面都不会重新渲染数据，所以找到关键数据...
2018-07-30 09:36:43
6211
转载 掌握电商后台设计，这一篇足矣
本文转载自http://www.yixieshi.com/78740.html本文包括以下几个部分：电商后台系统概述 电商后台产品设计：商品中心 电商后台产品设计：订单拆单 电商后台产品设计：促销活动解析 电商后台产品设计：优惠券的设计和妙用对电商公司来讲，最核心最难做的三部分：商品、订单、库存。商品与店铺、营销、评价等相关，订单与会员、营销、支付、库存、物流等相关，库存与订...
2018-07-26 20:29:54
4978
原创 Vue.js devtool插件安装使用遇到的问题
首先确保使用开发版本的vue.js，不能使用min版本 ；确保插件安装成功。1、插件安装后提示“vue.js not detected”解决办法找到Vue.js devtool插件的安装目录。用户可以在插件列表中找到插件的ID，然后在本地电脑搜索ID：nhdogjmejiglipccpnnnanhbledajbpd。windows系统上chrome插件的安装位置C:\Users\用户名\AppDa...
2018-07-11 21:13:17
1212
原创 收货地址之Vue地区联动插件vue-area-linkage
最近项目中需要编辑“收货地址”，上网搜索发现了Vue的一款地区联动插件：vue-area-linkage，结合项目记录插件使用过程：该插件基于Element UI，所以必须安装Element UI。1、安装：npm i element-ui vue-area-linkage area-data2、使用：main.js中依赖注入：import ElementUI from 'element-ui';...
2018-07-11 19:50:26
4966
转载 csdn我的收藏 的路径
我的收藏：my.csdn.net/my/favorite我的关注：http://my.csdn.net/my/follow
2018-07-09 19:31:13
118
原创 vue项目中通过node.js中crypto对数据进行MD5加密
项目开发中，用户注册、登录时，密码需要进行加密后保存到数据库。原因如下：1、预防网站运营内部人员盗取密码。2、预防外部攻击，如果你注册的网站被黑客进行攻击，得到该网站的一些数据，拿到的也是一堆经MD5处理后的字符串。md5是一种常用的哈希算法，主要用于对一些重要数据进行“签名”，得到的“签名”通常都是一个32位的十六进制字符串。注意：密码不要设置的过于简单。用户设置的密码：密码长度要够长，密码里要...
2018-07-09 10:28:44
3282
转载 解构电商、O2O：探秘搜索系统的“简历”
本文由 @高晖 原创发布于人人都是产品经理。未经许可，禁止转载。今天跟大家聊一聊搜索系统，搜索系统在所有电商系统里面复杂度和难度是可以排的上前列的。关于算法方面介绍的文章很多，这里不做赘述，只解构下搜索系统的基本逻辑和实现，了解搜索系统的基本知识和结构。搜索系统的“基本介绍”搜索系统，顾名思义提供大数据查找筛选的系统功能。在电商和O2O领域作为一个主要的流量入口起到了至关重要的作用。“基本介绍”：...
2018-07-01 07:25:39
303
原创 单/双引号多次嵌套问题的两种解决方案：转义和es6模板字符串
JS中：双引号内不能包含双引号，单引号内不能出现单引号。如果遇到多次嵌套时，有以下两个解决方案：1.使用转义符号“\”转义template:'<div @click="school=\'home\'">组件一 {{school}}</div>',2.使用es6模板字符串“``”template: ` <div @click="school='home'">组件一...
2018-06-22 16:36:23
9698
原创 vue中的组件以及数据传递
组件化开发的好处：提高开发效率、方便重复使用、便于协同开发、更容易被管理和维护。vue中把一个自定义标签看成一个组件。组件命名规则：1.不能是W3C规定的标准标签如div、p等2.组件名小写，多个单词用“-”连接父子组件之间数据传递父传子：父亲 -> 儿子 -> 孙子 （属性传递）子传父：孙子 -> 儿子 -> 父亲 (事件传递)父传子流程：1) 首先在父组件中引用、注册...
2018-06-22 15:33:01
310
原创 引用Bootstrap无法显示样式，可能是安装的版本和参考的文档不相符
安装版本时没有指定版本号，默认安装最新版本4.0.0，但是使用时参考的是3.3.7版本的文档，导致不显示样式。所以，如果使用bootstrap时出现样式问题，可以从引用文件是否正确这方面来考虑。...
2018-06-20 10:36:32
7220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人