- 博客(111)
- 收藏
- 关注
RSS订阅
原创 解决ie不支持Array的find方法
在使用集团的组件库开发项目时测试出IE浏览器节点无法正常打开，控制台报错不支持find方法：也有客户反馈遨游浏览器（也是IE内核~????）也有同样的问题，这种公共组件库如果没有放弃兼容IE的话就得做好兼容性的判断????这是菜鸟教程上对find方法的说明~通过定义我们可以自己实现find方法，兼容IE11及之前的版本。if(!Array.prototype.find){ Array.prototype.find = function(callback) { retur
2020-06-09 18:09:53
2355
原创 js结束循环continue，break和return的差别
js使用循环例如for循环时，使用continue，break和return的差别：continue(function () { for (let i = 0; i < 5; i++) { if(i===3){ continue; // break; // return; ...
2019-03-14 15:01:44
3173
1
原创 vue改变对象的值视图不更新的问题
最近项目里有一个需求，一个分类的列表，重命名功能，需要由文本状态变成编辑态，用isEdit属性来控制，直接写改变对象里isEdit的属性发现视图不更新，查看官方文档后了解到：受到javascript的限制，Vue不能检测到对象属性的添加或删除。因为Vue利用的是Object的defineProperty()方法，在初始化实列时将属性转为getter/setter，所以属性必须在data对象上才能让...
2018-06-08 10:26:39
5282
原创 在vue中input框得到焦点选中文字
最近项目中有个需求，input框获取焦点时需直接选中文本内容。代码：<el-input v-model="addDialogForm.name" @focus="focus($event)"></el-input>//得到焦点选中focus(event) { event.currentTarget.select();}如有问题欢迎交流讨论。...
2018-06-04 14:38:16
13797
1
原创 vue中上传文件遇到的问题
vue项目中会遇到上传文件的需求，jquery会有一些插件很方便，如果不使用插件网上的方法没有太容易的而且很多是基于jQuery操作dom结构的。那么在vue项目中如何实现呢，还有如何模拟表单文件提交呢？这里文件上传文件框的样式美化就不过多赘述了，有很多例子。只介绍一下功能的实现以及注意的问题。本地上传ischangeFn(e){ this.deviceA
2017-12-14 11:23:31
20250
7
原创 vue项目中引入外部css以及js文件的方法
在使用vue做项目的时候，我们一般不将css样式写到各自的组件里，这样不仅会让代码冗余，而且不美观整洁。如果你定义了一些外部css文件，如何引入到vue组件中去呢？我们这里使用ES6的引入方式： @import "../assets/common/common.css";那么JS文件如何引入呢？如果需要全局使用，则可以在main.js中引用并实例化对象：部分js代码
2017-09-21 12:12:54
47715
3
原创 vue2.0使用ES6语法的箭头函数对this作用域的理解
在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，导致浏览器报错。部分代码：test:function(){ let _self = this;//在外层函数内定义变量存储当前vue实例。this.$axios.post("url",{ }).then(function(res){
2017-09-19 15:27:28
11964
原创 vue文件style中设置背景文件打包后不生效问题
在vue项目中当需要在vue文件中的style里引入背景图片时，dev环境正常显示，build以后文件布到服务器上打开发现背景图不生效。查看控制台发现这个样式的背景图引入路径错了。解决办法是在打包配置的build文件夹中找到utils.js文件，在该文件中找到vue-style-loader配置的部分加上publicPath: '../../'重新打包后放到服务器上测试，发现背景图片引入路径就正确了✌✌ ✌ 大功告成！参考文章：https://segmentf...
2020-07-28 18:38:21
1464
1
原创 React高阶组件链式调用装饰器
在之前为了配置antd按需加载安装过如下依赖npm install react-app-rewired customize-cra babel-plugin-import -D修改package.json的默认启动方式"scripts": { "start": "react-app-rewired start", "build": "react-ap...
2020-04-14 11:27:01
410
原创 Window atob() 方法
atob() 方法用于解码使用 base-64 编码的字符串。语法：window.atob(encodedStr)参考：https://www.runoob.com/jsref/met-win-atob.html
2019-11-08 23:14:29
2494
原创 node更新版本以后之前项目报错的问题
在vue项目中本地环境将node8+的版本更新到node9+，项目启动报错。首先，要学会读node的报错信息，看似报了一堆错，但是只要细心，从第一个error开始翻译这个报错信息，就能找到问题的原因，而其他的一系列问题，可能就是这一个问题导致的。可以看到报错信息是:模块生成失败： 错误是这个路径下缺少node-sass依赖，在当前这个node9+的环境找不到sass的依赖。...
2019-09-27 11:11:45
1858
原创 call,apply的用法与区别
call与apply都是函数对象的一个方法，作用是改变函数的调用对象。它们各自的第一个参数就表示改变后的调用这个函数的对象。this指向就是第一个参数，若不填则指向全局。var thisObj = { title:'call,applay的用法与区别'}function a(){ console.log(this); console.log(this.title...
2019-08-19 00:04:25
451
原创 setTimeout定时器的第三个参数
最近在看阮大神的es6语法的时候http://es6.ruanyifeng.com/#docs/promise看到promise对象这一章，其中一个例子：function timeout(ms) { return new Promise((resolve, reject) => { setTimeout(resolve, ms, 'done'); });}t...
2019-07-07 20:32:07
2558
3
原创 函数和变量的预编译
js是解释型语言，因此当浏览器运行js时会分为两个部分，首先预编译全部代码，之后执行代码。函数声明会置顶 变量声明也会置顶 函数声明与变量声明重名的时候，函数优先级更高（函数在变量上面） 变量和赋值语句一起书写时，在js引擎解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置 声明过的变量不会重复声明参考：https://github.com/BTFE/BTFE-blog...
2019-07-02 19:37:39
194
原创 css中~的含义
举例：<div></div><p></p><span></span><p></p>div~ p{}含义：代表在div和p标签有同一个父元素的前提下 div之后出现的所有p标签。注： 两种元素必须拥有相同的父元素，但是 p 不需要直接紧随 div。...
2019-05-27 14:16:13
446
转载 Vue 父组件ajax异步更新数据，子组件props获取不到
转载地址：https://blog.csdn.net/d295968572/article/details/80810349当父组件axjos获取数据，子组件使用props接收数据时，执行mounted的时候axjos还没有返回数据，而且mounted只执行一次，这时 props中接收的数据为空解决方案：在对应组件中判断数据的长度...
2019-04-22 15:19:36
1341
原创 nodejs使用mysql插件连接MySQL数据库
刚搭建了本地的MySQL数据库，用nodejs连接的时候报错：错误:Client does not support authentication protocol requested by server; consider upgrading MySQL client（客户端不支持服务器请求的身份验证协议；请考虑升级MySQL客户端）查找了一些网上的资料文档发现是新版本MySQL的...
2019-04-10 16:47:09
970
1
转载 Nodejs连接12种数据库例子集合
转载地址：https://segmentfault.com/a/1190000008753686CassandraModule: cassandra-driver Installation$ npminstallcassandra-driverExamplevar cassandra = require('cassandra-driver')var client = ...
2019-04-10 15:40:53
768
原创 MySQL数据库新增用户遇到的问题
最近新安装了一个MySQL数据库（最新版本），跟着菜鸟教程学习过程中发现的教程中给出一些注意和提示比较容易忽略的，遇到的就记录一下：在 MySQL5.7 中 user 表的 password 已换成了authentication_string。password() 加密函数已经在 8.0.11 中移除了，可以使用 MD5() 函数代替。在注意需要执行FLUSH PRIVILEGES...
2019-04-09 15:54:12
264
原创 Vue中使用v-for生成dom删除元素错乱的问题
项目上需要一个条件树的组件，多个条件这里使用一个数组去保存，然后使用v-for循环数组插入dom。 vue组件里使用v-for时很容易忽略了每一项的key值，遇到的问题如果后续需要对数组进行删除操作的情况下，需要加上key值而且要绑定该数组项的唯一标识来标识每一个生成的dom元素，这样就不会导致改动数组数据后dom不重新渲染显示错乱的问题。<cond-node...
2019-01-17 17:39:08
3013
1
原创 element的el-tree组件文字超出容器不出现横向滚动条问题
最近项目中遇到一个多级的树形结构，使用el-tree组件后，父容器规定了宽高，设置overflow:auto,但是超出后横向滚动条并没有出现。 查询原因是el-tree组件中class名为el-tree-node的div是块级元素，需要把它变为inline-block，同时注意每一个节点占一行。所以覆盖element的样式：.el-tree>.el-tr...
2019-01-17 15:05:52
9569
3
原创 Python学习笔记（随笔）
Python最近几年比较火，它可以做很多事情，所以也来跟着廖雪峰大神学习一下python的基础，把自己需要记录下来的知识点记在这里，希望能对自己的编程有所帮助~~~https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000 跨平台的动态语言。 优点：“优雅”、“明确”、“...
2018-12-20 13:54:27
239
转载 Python位运算符
Python位运算符按位运算符是把数字看作二进制来进行计算的。Python中的按位运算法则如下：下表中变量 a 为 60，b 为 13，二进制格式如下：a = 0011 1100b = 0000 1101-----------------a&b = 0000 1100a|b = 0011 1101a^b = 0011 0001~a = 1100 00...
2018-12-10 17:14:36
746
1
转载 vue使用v-if时的注意点
v-if和v-else或v-else-if之间不能添加其他元素。 以下是错误事例<span v-if="type==1">错误示范</span><span>哈哈哈</span><p v-else>嘿嘿嘿</p>以下是正确实例<span v-if="type==1"&
2018-12-03 11:27:08
2864
转载 HTML5 移动页面自适应手机屏幕四类方法
1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这...
2018-10-19 15:29:10
9185
原创 DbVisualizer编辑sql时中文乱码问题
在使用DbVisualizer的SQL Editor编辑sql时出现中文乱码，解决办法是改变SQL Editor使用的字体。在Tools工具选项中选择Tool Properties...选项，在General的Appearance下找到Fonts选项，改变其中的SQL Editor/Text Editor所选择的字体，根据自己喜好选择字体及大小，只要能保证中文不乱码...
2018-09-06 14:37:03
1678
转载 vue的v-for循环渲染列表时，解决没有:key警告问题（:key的作用）
vue的v-for循环渲染列表时，解决没有:key警告问题（:key的作用）:key是为vue的响应式渲染提供方法，在列表中单条数据改变的情况下，可以进行单独渲染，减少页面资源消耗。 当前页面如果有列表渲染v-for，并且在v-for的循环标签中没有:key元素时，控制台会出现警告，我想对代码有比较高追求的开发者都不会允许这一大片的黄色出现的吧，如下图 在项目运行的时候也...
2018-08-21 16:32:37
8766
转载 react中constructor( )和super( )的具体含义以及如何使用
react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法 这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添...
2018-08-15 11:43:13
772
原创 react学习笔记
记录一下学习react过程中遇到的一些知识点。目前我是参照菜鸟教程http://www.runoob.com/react/react-tutorial.html去学习的。React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 特点 声明式设计−React采用声明范式，可以轻松描述应用。 高效−React通过对DOM的模拟，最大限度地减少与DOM的交互。 灵...
2018-08-13 19:52:02
243
转载 Vue+ElementUI实现表单动态渲染、可视化配置的方法
这篇文章主要介绍了Vue+ElementUI实现表单动态渲染、可视化配置的方法,需要的朋友可以参考下动态渲染就是有一个异步的数据，大概长这样：? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...
2018-08-13 16:42:37
50113
8
原创 vue组件横向树实现
将之前的用css3+jq实现的横向树样式简单封装成组件使用到vue项目中，文件名为transverseTree.vue代码：<template> <div class="tree"> <ul v-if="treeData && treeData.length"> <li v-for=
2018-08-01 13:57:08
7639
2
原创 css+jq横向树的实现
最近工作中有个UE设计是横向树的展示，查找了网上的一些资料并没有发现横向树的代码，于是自己根据实际需求利用::before和::after伪元素加上jq去简单实现，以后有机会争取再进行优化。代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>...
2018-07-31 21:06:39
4825
转载 CSS技巧（一）：清除浮动
什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。引用W3C的例子，news容器没有包围浮动的元素。...
2018-07-31 19:47:26
147
转载 git命令－切换分支
git一般有很多分支，我们clone到本地的时候一般都是master分支，那么如何切换到其他分支呢？主要命令如下：1. 查看远程分支$ git branch -a 我在mxnet根目录下运行以上命令：~/mxnet$ git branch -a* master remotes/origin/HEAD -> orig...
2018-07-13 11:16:13
2612
转载 CSS3 垂直树状图——运用 :before 和 :after
CSS3 垂直树状图——运用 :before 和 :after直接上图（原网址），还有步骤想详解视频。自己CSS3练习demo。 【demo】【HTML】<div class="tree"> <ul> <li> <a href="#">parent</a>
2018-06-20 09:48:14
3081
1
原创 vue中this.$router.push路由传参以及获取方法
项目中通过this.$router.push路由跳转页面传递参数的方式很常见，一般有两种方式：1.params传参：this.$router.push({name:'parasetEdit',params:{pk_refinfo:'test',value:'test1'}});目标页面接收参数：this.$route.params.pk_refinfo2.params传参：this.$router...
2018-06-14 11:14:18
30715
转载 移动端web及app设计尺寸
移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。对于reti...
2018-05-30 10:43:14
8624
转载 Webpack:前端资源模块化管理和打包工具
Webpack:前端资源模块化管理和打包工具 一.介绍： Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生 产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转 换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片...
2018-05-29 13:54:30
389
转载 用flex加百分比实现左右布局，右边区域再上下等分
用flex加百分比实现左右布局，右边区域再上下等分为三份。demo可以延伸：1.右边区域等分为二分之一.container .rightWrapper > div的width设置为对应的百分比（50%），四分之一（25%），以此类推。2.左边区域上下或者左右布局（添加子元素，类似设置）。3.加上浏览器前缀，处理flex布局的兼容性问题1234567...
2018-05-12 11:04:11
7874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人