自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

若晨工作室

交流探讨关于前端的知识文章,希望可以共同提高。

原创 js结束循环continue,break和return的差别

js使用循环例如for循环时,使用continue,break和return的差别: continue (function () { for (let i = 0; i < 5; i++) { if(i===3){ continu...

2019-03-14 15:01:44

阅读数 1063

评论数 0

原创 vue改变对象的值视图不更新的问题

最近项目里有一个需求,一个分类的列表,重命名功能,需要由文本状态变成编辑态,用isEdit属性来控制,直接写改变对象里isEdit的属性发现视图不更新,查看官方文档后了解到:受到javascript的限制,Vue不能检测到对象属性的添加或删除。因为Vue利用的是Object的definePrope...

2018-06-08 10:26:39

阅读数 2994

评论数 0

原创 vue项目input框得到焦点选中文字

最近项目中有个需求,input框获取焦点时需直接选中文本内容。代码:<el-input v-model="addDialogForm.name" @focus="focus($event)"></el-input&...

2018-06-04 14:38:16

阅读数 6029

评论数 1

原创 vue中上传文件遇到的问题

vue项目中会遇到上传文件的需求,jquery会有一些插件很方便,如果不使用插件网上的方法没有太容易的而且很多是基于jQuery操作dom结构的。那么在vue项目中如何实现呢,还有如何模拟表单文件提交呢? 这里文件上传文件框的样式美化就不过多赘述了,有很多例子。只介绍一下功能的实现以及注意的问题。...

2017-12-14 11:23:31

阅读数 14532

评论数 7

原创 vue项目中引入外部css以及js文件的方法

在使用vue做项目的时候,我们一般不将css样式写到各自的组件里,这样不仅会让代码冗余,而且不美观整洁。如果你定义了一些外部css文件,如何引入到vue组件中去呢?我们这里使用ES6的引入方式:  @import "../assets/common/common.css";...

2017-09-21 12:12:54

阅读数 36710

评论数 3

原创 vue2.0使用ES6语法的箭头函数对this作用域的理解

在做vue项目时用到了axios,但是发现axios请求之后的回调函数里this并不指向当前vue实例,导致浏览器报错。 部分代码: test:function(){                 let _self = this;//在外层函数内定义变量存储当前vue实例。 this.$axi...

2017-09-19 15:27:28

阅读数 9307

评论数 0

原创 Window atob() 方法

atob() 方法用于解码使用 base-64 编码的字符串。 语法: window.atob(encodedStr) 参考:https://www.runoob.com/jsref/met-win-atob.html

2019-11-08 23:14:29

阅读数 116

评论数 0

原创 node更新版本以后之前项目报错的问题

在vue项目中本地环境将node8+的版本更新到node9+,项目启动报错。 首先,要学会读node的报错信息,看似报了一堆错,但是只要细心,从第一个error开始翻译这个报错信息,就能找到问题的原因,而其他的一系列问题,可能就是这一个问题导致的。 可以看到报错信息是: 模块生成失败: 错误...

2019-09-27 11:11:45

阅读数 259

评论数 0

原创 call,apply的用法与区别

call与apply都是函数对象的一个方法,作用是改变函数的调用对象。它们各自的第一个参数就表示改变后的调用这个函数的对象。this指向就是第一个参数,若不填则指向全局。 var thisObj = { title:'call,applay的用法与区别' } fu...

2019-08-19 00:04:25

阅读数 44

评论数 0

原创 setTimeout定时器的第三个参数

最近在看阮大神的es6语法的时候http://es6.ruanyifeng.com/#docs/promise看到promise对象这一章,其中一个例子: function timeout(ms) { return new Promise((resolve, reject) => {...

2019-07-07 20:32:07

阅读数 319

评论数 0

原创 函数和变量的预编译

js是解释型语言,因此当浏览器运行js时会分为两个部分,首先预编译全部代码,之后执行代码。 函数声明会置顶 变量声明也会置顶 函数声明与变量声明重名的时候,函数优先级更高(函数在变量上面) 变量和赋值语句一起书写时,在js引擎解析时,会将其拆成声明和赋值2部分,声明置顶,赋值保留在原来位置...

2019-07-02 19:37:39

阅读数 46

评论数 0

原创 css中~的含义

举例: <div></div> <p></p> <span></span> <p></p> div~ p{} 含义:代表在div和p标签有同一个父元素的前提下 div之后出现的所有p标签...

2019-05-27 14:16:13

阅读数 139

评论数 0

转载 Vue 父组件ajax异步更新数据,子组件props获取不到

转载地址:https://blog.csdn.net/d295968572/article/details/80810349 当父组件axjos获取数据,子组件使用props接收数据时,执行mounted的时候axjos还没有返回数据,而且mounted只执行一次,这时 props中接收的数...

2019-04-22 15:19:36

阅读数 330

评论数 0

原创 nodejs使用mysql插件连接MySQL数据库

刚搭建了本地的MySQL数据库,用nodejs连接的时候报错: 错误:Client does not support authentication protocol requested by server; consider upgrading MySQL client (客户端不支持服务...

2019-04-10 16:47:09

阅读数 266

评论数 1

转载 Nodejs连接12种数据库例子集合

转载地址:https://segmentfault.com/a/1190000008753686 Cassandra Module: cassandra-driver Installation $ npminstallcassandra-driver Example var cass...

2019-04-10 15:40:53

阅读数 121

评论数 0

原创 MySQL数据库新增用户遇到的问题

最近新安装了一个MySQL数据库(最新版本),跟着菜鸟教程学习过程中发现的教程中给出一些注意和提示比较容易忽略的,遇到的就记录一下: 在 MySQL5.7 中 user 表的 password 已换成了authentication_string。 password() 加密函数已经在 8.0....

2019-04-09 15:54:12

阅读数 54

评论数 0

原创 Vue中使用v-for生成dom删除元素错乱的问题

      项目上需要一个条件树的组件,多个条件这里使用一个数组去保存,然后使用v-for循环数组插入dom。       vue组件里使用v-for时很容易忽略了每一项的key值,遇到的问题如果后续需要对数组进行删除操作的情况下,需要加上key值而且要绑定该数组项的唯一标识来标识每一个生成的d...

2019-01-17 17:39:08

阅读数 998

评论数 0

原创 element的el-tree组件文字超出容器不出现横向滚动条问题

       最近项目中遇到一个多级的树形结构,使用el-tree组件后,父容器规定了宽高,设置overflow:auto,但是超出后横向滚动条并没有出现。       查询原因是el-tree组件中class名为el-tree-node的div是块级元素,需要把它变为inline-bloc...

2019-01-17 15:05:52

阅读数 3096

评论数 0

原创 Python学习笔记(随笔)

  Python最近几年比较火,它可以做很多事情,所以也来跟着廖雪峰大神学习一下python的基础,把自己需要记录下来的知识点记在这里,希望能对自己的编程有所帮助~~~ https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449...

2018-12-20 13:54:27

阅读数 107

评论数 0

转载 Python位运算符

Python位运算符 按位运算符是把数字看作二进制来进行计算的。Python中的按位运算法则如下: 下表中变量 a 为 60,b 为 13,二进制格式如下: a = 0011 1100 b = 0000 1101 ----------------- a&amp;b = 000...

2018-12-10 17:14:36

阅读数 131

评论数 1

转载 vue使用v-if时的注意点

v-if和v-else或v-else-if之间不能添加其他元素。    以下是错误事例 &lt;span v-if="type==1"&gt;错误示范&lt;/span&gt; &lt;span&gt;哈哈哈&lt;/sp...

2018-12-03 11:27:08

阅读数 1104

评论数 0

转载 HTML5 移动页面自适应手机屏幕四类方法

1、使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。   viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。...

2018-10-19 15:29:10

阅读数 1070

评论数 0

原创 DbVisualizer编辑sql时中文乱码问题

在使用DbVisualizer的SQL Editor编辑sql时出现中文乱码, 解决办法是改变SQL Editor使用的字体。 在Tools工具选项中选择Tool Properties...选项, 在General的Appearance下找到Fonts选项,改变其中的SQL Ed...

2018-09-06 14:37:03

阅读数 529

评论数 0

转载 vue的v-for循环渲染列表时,解决没有:key警告问题(:key的作用)

vue的v-for循环渲染列表时,解决没有:key警告问题(:key的作用) :key是为vue的响应式渲染提供方法,在列表中单条数据改变的情况下,可以进行单独渲染,减少页面资源消耗。   当前页面如果有列表渲染v-for,并且在v-for的循环标签中没有:key元素时,控制台会出现警告,我想...

2018-08-21 16:32:37

阅读数 4515

评论数 0

转载 react中constructor( )和super( )的具体含义以及如何使用

react中这两个API出镜率超级高,但是一直不太懂这到底是干嘛的,有什么用;今天整理一下,方便自己查看同时方便大家。   1.constructor( )-----super( )的基本含义     constructor( )——构造方法        这是ES6对类的默认方法,通...

2018-08-15 11:43:13

阅读数 377

评论数 0

原创 react学习笔记

记录一下学习react过程中遇到的一些知识点。目前我是参照菜鸟教程http://www.runoob.com/react/react-tutorial.html去学习的。 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 特点 声明式设计−React采用声明范式,...

2018-08-13 19:52:02

阅读数 123

评论数 0

转载 Vue+ElementUI实现表单动态渲染、可视化配置的方法

这篇文章主要介绍了Vue+ElementUI实现表单动态渲染、可视化配置的方法,需要的朋友可以参考下 动态渲染就是有一个异步的数据,大概长这样: ? 1 2 3 4 5 6 7 8 9 10 11 ...

2018-08-13 16:42:37

阅读数 17194

评论数 3

原创 vue组件横向树实现

将之前的用css3+jq实现的横向树样式简单封装成组件使用到vue项目中,文件名为transverseTree.vue 代码: &lt;template&gt; &lt;div class="tree"&gt; &a...

2018-08-01 13:57:08

阅读数 2920

评论数 1

原创 css+jq横向树的实现

最近工作中有个UE设计是横向树的展示,查找了网上的一些资料并没有发现横向树的代码,于是自己根据实际需求利用::before和::after伪元素加上jq去简单实现,以后有机会争取再进行优化。 代码: &lt;!DOCTYPE html&gt; &lt;html&...

2018-07-31 21:06:39

阅读数 3015

评论数 0

转载 CSS技巧(一):清除浮动

什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出...

2018-07-31 19:47:26

阅读数 51

评论数 0

转载 git命令-切换分支

git一般有很多分支,我们clone到本地的时候一般都是master分支,那么如何切换到其他分支呢?主要命令如下:1. 查看远程分支$ git branch -a 我在mxnet根目录下运行以上命令:~/mxnet$ git ...

2018-07-13 11:16:13

阅读数 1001

评论数 0

转载 CSS3 垂直树状图——运用 :before 和 :after

CSS3 垂直树状图——运用 :before 和 :after直接上图(原网址),还有步骤想详解视频。自己CSS3练习demo。 【demo】【HTML】&lt;div class="tree"&gt; &lt;ul&gt; ...

2018-06-20 09:48:14

阅读数 1808

评论数 1

原创 vue中this.$router.push路由传参以及获取方法

项目中通过this.$router.push路由跳转页面传递参数的方式很常见,一般有两种方式:1.params传参:this.$router.push({name:'parasetEdit',params:{pk_refinfo:'test',value:&...

2018-06-14 11:14:18

阅读数 22127

评论数 0

转载 移动端web及app设计尺寸

 移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的屏幕宽高作为...

2018-05-30 10:43:14

阅读数 4909

评论数 0

转载 Webpack:前端资源模块化管理和打包工具

Webpack:前端资源模块化管理和打包工具 一.介绍:    Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生  产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转  换,任...

2018-05-29 13:54:30

阅读数 116

评论数 0

转载 用flex加百分比实现左右布局,右边区域再上下等分

用flex加百分比实现左右布局,右边区域再上下等分为三份。 demo可以延伸: 1.右边区域等分为二分之一.container .rightWrapper &gt; div的width设置为对应的百分比(50%), 四分之一(25%),以此类推。 2.左边区...

2018-05-12 11:04:11

阅读数 2909

评论数 0

转载 使用npm上传npm包

npm是一个node的包管理仓库,一个网站,也是一条命令。如何给node里增加npm包呢?只需三步就搞定。第一步:在开始里边打开cmd进入自己的项目中,在项目目录中输入 npm init 回车会有一个name出现输入此name(此             name必须为全网唯一,也是你要发表的文件...

2018-05-11 10:04:40

阅读数 156

评论数 0

转载 windows下nginx的安装及使用方法入门

nginx功能之一可以启动一个本地服务器,通过配置server_name和root目录等来访问目标文件一. 下载http://nginx.org/ 下载后解压 二. 修改配置文件nginx配置文件在 nginx-1.8.0\conf\nginx.confhttp { gzip on; ...

2018-05-03 15:19:03

阅读数 94

评论数 0

转载 javascript对象引用与赋值

javascript对象引用与赋值&lt;script type="text/javascript"&gt;//例子一: 引用var myArrayRef = new Array(0,1,2); //创建数组对象var mySeconArrayRef = myA...

2018-04-26 19:58:10

阅读数 165

评论数 0

转载 git merge 和 git rebase 小结

git merge是用来合并两个分支的。git merge b      # 将b分支合并到当前分支同样 git rebase b,也是把 b分支合并到当前分支-----------------------------------他们的 原理 如下:假设你现在基于远程分支"origin&...

2018-04-20 15:50:57

阅读数 41

评论数 0

提示
确定要删除当前文章?
取消 删除