- 博客(70)
- 收藏
- 关注
RSS订阅原创 ES6中，用import导入同一个文件夹下多个模块的简便写法
需求如下:在layout的index.vue中导入components下的文件写法一：在components中新建index.js，里面引入各个文件，把每个文件中的默认接口改写为具名接口1.写法源于ES6中：2.最后在想要引入的地方使用如下的写法即可。（以下省略写法其实就是...from "./components/index.js"）写法二：（待总结）const context = require.context('layout/components/', true,
2020-09-15 10:56:20
5998
转载 vue-cli3打包时vue-cli-service build怎么分不同环境
转载：https://www.cnblogs.com/xzqyun/p/12739613.html在vue-cli3的项目中，npm runserve时会把process.env.NODE_ENV设置为‘development’；npm run build时会把process.env.NODE_ENV设置为‘production’；此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种，比...
2020-08-05 18:35:40
1724
转载 vue-router路由元信息meta及keep-alive组件级缓存
路由元信息？（黑人问号脸？？？）是不是这么官方的解释很多人都会一脸懵？那么我们说meta，是不是很多人恍然大悟，因为在项目中用到或者看到过呢？ 是的，路由元信息就是我们定义路由时配置的meta字段；那么这个meta的作用是什么呢？ 首先看一个场景： 通常我们在开发网站或者移动应用的时候，我们通常会有网页权限验证的需求（别说你没有，你肯定有），这种需求一般是指需要登录后才可进入，也就是需要用户登录获取用户Token或者用户信息之后才可进入；当这个需求下来的时候，我们作为前端开发人员的第一
2020-08-05 16:19:22
1092
转载 You are using the runtime-only build of Vue where the template compiler is not available. Either pre
https://blog.csdn.net/wxl1555/article/details/83187647
2020-07-24 10:29:39
137
转载 es6之扩展运算符 三个点（...）
https://blog.csdn.net/astonishqft/article/details/82899965###
2020-07-23 00:02:08
179
转载 path.resolve()
var path = require("path") //引入node的path模块path.resolve('/foo/bar', './baz') // returns '/foo/bar/baz'path.resolve('/foo/bar', 'baz') // returns '/foo/bar/baz'path.resolve('/foo/bar', '/baz') // returns '/baz'path.resolve('/foo/bar', '../baz.
2020-07-22 23:52:20
144
原创 vue解决element-ui中循环产生的popover中的内容手动点击完操作后隐藏
1.想要功能--如下图：既点击弹窗中的列表项之后，弹窗popover隐藏2.解决方法-没有使用回调时在el-popover中加属性 :ref="popover-${scope.$index}"在列表项中加 @click="scope.self.$refs[popover-${scope.$index}].doClose()"3.解决方法-回调操作时(也适合el-popover中的内容直接用的子组件)页面vue组件methods方法这里打印了scope参数..
2020-07-08 11:53:10
3709
转载 npm太慢，安装cnpm淘宝镜像替代
国内npm下载依赖的速度太慢，一般都会使用cnpm替代能节省不少时间npm install -g cnpm --registry=https://registry.npm.taobao.org安装好了就可以使用cnpm来替代npm进行js依赖的下载了cnpm install
2020-06-29 11:35:18
736
原创 将本地的vue项目托管到github的2个方法
如何将一个原有.git的项目即不相关的.git项目和远程仓库联系起来?（用vue创建的项目在所在文件夹中可以发现含有一个.git文件夹）如何将一个本地已经创建好的vue项目和github远程仓库联系起来？方法一：通过拷贝（注意此方法，本地创建的项目名和github创建的仓库名不能相同，会出错）：1.在github上创建好仓库后，将该仓库地址复制（创建过程中，.readme和.gitigonre不需要选，因为本地创建好的项目中带有）2.在vscode中输入 git clone 该仓库地
2020-05-30 13:45:24
699
转载 vue中关于import Vue from 'vue'等导入操作的解释
那么现在我对上述代码一一作出解释：其实最完整的写法是：意思是： 因为main.js是在src文件中，所以../向前一级相对目录查找node_modules，再依次寻找后面的文件。文件找到了，那么文件内是否存在Vue呢？事实证明，Vue是存在于vue.js中的。下面解释第二条代码：完整的写法是顾名思义，这句代码的意思就是引入我们写好的.vue文件。（.vue文...
2020-02-15 16:23:26
10294
转载 Vue中import from的来源：省略后缀与加载文件夹
Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的：这里的extensions指定了from后可导入的文件类型。而上面定义的这3类可导入文件，js和vue是可以省略后缀的：import test from './test.vue'等同于：import...
2020-02-15 14:26:20
1922
1
原创 npm安装node包时 --save 和 --save dev的区别
--save：将保存的配置信息到package.json的developments节点中。--save-dev：将保存的配置信息到package.json的Devdevelopments节点中developments：运行时的依赖，发布后，既生产环境先还要用的模块。Devdevelopments：开发时的依赖，里面的模块都是开发时用的，发布时用不到它。...
2020-02-15 13:29:19
244
转载 关于Javascript中构造函数返回值的问题
传统语言中，构造函数是没有返回值的。构造函数与普通函数的区别可以认为是：构造函数中没有return语句，普通函数可以return；构造函数中使用this定义成员变量和成员方法，普通函数中不使用this关键字定义成员变量和方法。然而在JavaScript中构造函数可以有返回值也可以没有。1.没有返回值的情况像其他传统语言一样，返回实例化的对象2.如果存在返回值则检查其返回值是否为引用类型...
2019-12-03 15:15:55
392
原创 需求input type="number"中只能输入整数，不能输入小数点
实现：在input type="number"中，只能输入整数，不能输入小数点问题：在开发过程中，用的谷歌浏览器，发现，在这个输入框中输入11.，在控制台中查看，得到的是11，如果输入11.1，才会得到11.1，于是也不能通过indexof等方法去掉输入框中的"."，就算直接将输入框中的值（11.这种，点在末尾的情况）通过parseInt()直接转化为整数，再赋值给input，也没用。最后通过...
2019-11-06 12:27:41
7962
转载 AJAX扩展-POST传递参数并跳转页面
拓展的代码：这段代码的原理是创建一个表单，所有args都创建一个隐藏的input，用post方法把这些参数传递过去注意form表单一定要加载到页面中，即下面代码中标红的部分，不然参数是无法被传递的（因为这个被坑了）$.extend({ StandardPost:function(url,args){ var form = $("<form ...
2019-10-15 11:02:05
578
转载 关于如何实现左中右三栏布局, 左右固定宽度,中间随屏幕自适应
关于如何实现左中右三栏布局, 左右固定宽度,中间随屏幕自适应第一种: 浮动<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&...
2019-10-10 14:09:05
482
原创 各种左中右布局方案
PS：参考页面http://nec.netease.com/library/category/#grid1.两列右侧自适应<div class="g-bd1 f-cb"> <div class="g-sd1"> <p>左侧定宽</p> </div> <div class="g-mn...
2019-10-09 15:42:33
546
转载 vue中.capture修饰符的理解
这里先记录方便查看，https://www.cnblogs.com/xiaozhang666/p/10430059.html
2019-09-25 18:04:50
519
转载 div 自适应高度 自动填充剩余高度
方案1：Html： 1 2 3 4 <divclass="outer"> <divclass="A"> 头部DIV </div> <divclass="B">下部DIV </div> </div> CSS...
2019-09-05 17:01:04
444
转载 URL中的哈希的含义
转载自：https://www.cnblogs.com/joyho/articles/4430148.html1.#的含义#代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法：...
2019-08-28 21:33:49
385
转载 js正则验证手机号码有效性
通过js正则验证手机号码的有效性，方法如下：验证130-139,150-159,170-179,180-189号码段的手机号码<script type="text/javascript">var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;if(!myreg.test($("#xxx").va...
2019-08-22 15:59:09
249
原创 多行文本文本输入框 textarea 可点击任意地方输入文字而不是只能在开头输入的问题
问题如图:textarea可以点击任意地方编辑原因:textarea标签之前有空隙改成下图这样就可以了:
2019-08-21 09:51:32
1324
原创 怎么对阿里iconfont两个项目中的字体图标合并
1.把下载下来的2个文件夹都放入项目中2.如要把iconfont2文件夹中的字体图标合并到iconfont文件夹中,则如下图，修改iconfon2文件夹下左侧该图标的五个文件名，同时修改这个文件夹中iconfont.css中@font-face里对应url里面的文件名称，因为下一步要把这些复制到iconfont文件夹相应位置中，以防名称冲突3.把修改好的新的图标文件(5个)以及...
2019-07-16 16:04:33
8080
4
转载 安装node.js和npm
https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528记录下
2019-07-16 10:27:32
85
转载 webpack概念的引入
一.在网页中会引用哪些常见的静态资源?+JS - .js .jsx .coffee .ts(TypeScript 类 C#语言)+CSS - .css .less .sass .scss+Images - .jpg .png .gif .bmp .svg+字体文件(Fonts) - .svg .ttf .eot .woff .woff2+模板文件...
2019-07-13 22:02:08
177
转载 URL中的hash（井号）
http://www.ruanyifeng.com/blog/2011/03/url_hash.html这里做个记录，方便自己以后查看
2019-07-06 22:27:48
437
原创 VSCode中快捷键的使用
1.折叠代码块：shift+ctrl+[2.展开代码块：shift+ctrl+]3.在默认浏览器中打开（安装了浏览器浏览插件 open in browser）：alt+b4.在其他浏览器中打开（安装了浏览器浏览插件 open in browser）：shift+alt+b...
2019-06-20 20:44:25
145
原创 VSCode中 html文件右击浏览器浏览插件安装
1）打开vscode工具；2）找到扩展，输入open in browser 找到插件并安装，如图:3）在安装完open in browser插件后，在html代码中鼠标右键可以看到多了两个打开选择，点击即可打开浏览器进行预览。4）快捷键：Alt+B(在默认浏览器中打开) Shift+Alt+B(在其他浏览器中打开)...
2019-06-20 20:38:22
17667
原创 VSCode设置中文语言显示
Vscode是一款开源的跨平台编辑器。默认情况下，vscode使用的语言为英文(us)，如何将其显示语言修改成中文了？1）打开vscode工具；2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击后:3）如果有中文插件（即上图中zh-cn）直接点击，没有就找到上图中的英文（lnstall additional...
2019-06-20 11:38:35
228
原创 如何使用vscode快速新建.vue代码/.html代码等其他
1.文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue或html或其他的，看你想创建什么后缀名的快速代码2.找到后直接添加配置，让vscode允许自定义的代码片段提示出来(找不到也可自己创建)。3.如下图，给vue.json和html.json配置好了，即以后在这两个后缀名文件下，输入vue都可快速创建代码了(想要什么样的快速代码自行修改)。4.这...
2019-06-19 22:48:36
1923
转载 table设置td文本超出为省略号无效的解决方法
td关键代码如下:white-space: nowrap;/*控制单行显示*/overflow: hidden;/*超出隐藏*/text-overflow: ellipsis;/*隐藏的字符用省略号表示*/table代码如下:table-layout: fixed;(允许设置列宽,通过th) 默认为 table-layout: automatic 默认每一列列宽均分(不可设置...
2019-06-14 09:58:43
1495
转载 判断手机类型
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端//alert('是否是Android：'...
2019-05-23 10:15:58
302
转载 bootstrap修改默认字体，更换为微软雅黑或其他字体的方法
转自:http://www.igooda.cn/jzjl/20130914360.html在开发中，使用bootstrap后，中文会一直是默认的宋体，做为一个设计师，是不可忍受的。。。还是微软雅黑的字体更好看些，而且过度到手机、平板电脑等设备上，字体也不会有太大跳跃。所以修改bootstrap的默认字体，更换为其他字体，例如：微软雅黑，方法很简单：正常引入bootstrap的css...
2019-05-10 13:27:41
6229
原创 文字的描边
-webkit-text-stroke: 2px #000;/*描边的像素，也就是粗细，这里指定是2像素的黑色边框*/-webkit-text-fill-color: #ffe268;/*文字的填充色*/
2019-04-16 10:18:57
292
原创 块元素和内嵌元素
块元素的特征(block)：1.默认独占一行2.没有宽度时，默认撑满一排3.支持所有css命令内联元素的特性(inline)：1.同排可以继续跟同类的标签2.内容撑开宽度3.不支持宽高4.不支持上下的margin5.代码换行被解析(即:两个同类标签之间会有孔隙并且能选中)行内块元素的特性（inline-block）：1.块在一行显示2.行...
2019-03-01 15:57:57
210
转载 transform:translate(-50%,-50%)实现水平垂直居中
.content { padding:10px; background:green; color:#fff; position:absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform: translate(-50%,-50%); -moz-trans...
2019-01-18 16:28:48
5489
转载 解决li标签使用inline-block出现的间隙问题
我们在写网页的时候，头部的导航条一般会用：<ul> <li></li> <li></li> <li></li></ul>但li又是块状元素，多个block元素会各自新起一行。这个时候我们会给li加上display:inline-block.之后的内联对象
2019-01-07 18:21:13
236
原创 Jquery获取 div 宽度与高度（width,padding,margin,border）
var content = $(‘div’). width();//只是获取div宽度var contentWithPadding = $(‘div’). innerWidth();//获取div+padding的宽度var withoutMargin = $(‘div’). outerWidth();//获取div+padding+border的宽度var full = $(‘div...
2019-01-03 17:56:42
1168
转载 纯CSS实现隐藏滚动条但仍具有滚动的效果
移动端移动端页面只要兼容 Chrome 和 Safari 就够了，所以可以使用自定义滚动条的伪类选择器 ::-webkit-scrollbar 来隐藏滚动条。 element::-webkit-scrollbar { display: none; } PC 端PC 端对兼容性的要求相对来说要高一点，可以换一种方法，大致思路就是在内容div外面包一个父容器div，设置...
2019-01-03 17:36:23
1852
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人