- 博客(26)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
2022-11-01 15:13:09
926
1
原创 element-ui表格的头部border有空隙的解决办法
在app.vue中的style中写上样式.tableContent{ padding: 20px !important; background: #ffffff; margin-top: 20px;}body .el-table th.gutter{ display: table-cell!important;}body .el-table colgroup.gutt...
2019-08-12 17:06:50
3580
原创 js字符串常用操作
字符串删除首位或者末位//1字符串的首尾去除字符//string 为待操作的字符串//type 为从头部还是从尾部删除//num 为删除几位字符function stringReduce(string='abcdefghijklmn',type='start',num=1) { if(num>string.length){ return 0 }e...
2019-07-03 14:20:20
232
原创 js中时间格式的年月日时间获取
在开发过程中或多或少都会用到时间，年月日，时分秒之类的数据格式。我就在我工作中需要用到的需求来整理一下代码需求。1：获取当前月份yyyy-MM-dd格式，代码如下。function getNowDate(){ var date = new Date() var year = date.getFullYear() var month = date.getMonth(...
2019-07-03 14:00:26
695
原创 vue项目中导出Excel表格数据
最近工作遇到这么个需求，在vue心目中需要将勾选的表格导出到Excel文件中。我自己在网上找了方法并且实践了，现在将方法写到博客中供大家分享。1、第一步需要用npm安装两个包： npm install -S file-saver xlsx npm install -S xlsx npm install -D script-loader2、创建一个文件夹存入必需文件我把2个...
2019-06-03 14:27:48
2409
原创 npm的常用操作指令
npm -v 用来查看npm的版本npm install npm -g 用npm来安装最新的npmnpm install npm@4 -g 这个是npm降级处理@跟上版本号npm install cnpm -g --registry=https://registry.npm.taobao.org 安装淘宝镜像cnpm大大加快模块的安装...
2019-05-21 14:33:28
688
原创 ES6的函数rest参数用法
es6中引入了rest参数，样式形如...xxx，用于获取函数的多余参数，这样就不需要使用arguments对象了。rest参数搭配的一个变量是一个数组，该变量将多余的参数放入数组中。例如：function add(...value){ console.log(value); let sum=0; for(var val of value){ sum+...
2019-03-12 13:48:19
2255
原创 微信端click点击事件失效
$('body').on('click','.add_my_content',function (e) { console.log($(e.target).attr('data-type')); });需要给被点击的元素加上css属性: cursor:pointer,
2019-02-22 13:04:53
1916
原创 vue-router的入门到精通
vue router是的vue.js的官方路由管理器。它和vue.js的核心深度集成，可以让构建单页面应用变得易如反掌。路由可以达到的功能有：嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于vue.js过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的css class的链接 html5历史模式或hash模式，在IE9中自动降级 自定义的滚动条...
2019-01-14 16:17:41
515
原创 页面css的常用代码
1、文字显示几行多余省略div{ overflow:hidden; display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示;*/ text-overflow:ellipsis;/*溢出部分用省略号代替*/ -webkit-line-clamp:2; /*设置文本显示两行*/ -webkit-box-orient:vert...
2019-01-08 16:05:31
183
原创 vue的组件传值
vue的组件传值vue的强大之处在于他的组件化，component，在页面由多个组件组成的情况下，组件间传值会变得稍微复杂点，这篇文章会根据vue组件间如何传值来做一些解说。一般来说页面中的组件间关系有：父子组件和兄弟组件，传值方式分为（1）父传子（2）子传父（3）兄弟互传1、父组件传值给子组件<!DOCTYPE html><html><head...
2018-12-19 11:36:42
1515
原创 vue的生命周期函数
如下图，这是vue的官网生命周期函数图；其中的红色border包裹起来的就是vue的生命周期函数：beforeCreate（创建前） created（创建后） beforeMount（载入前） mounted（载入后） beforeUpdate（更新前） updated（更新后） beforeDestroy（销毁前） destroyed（销毁后）以上是图中的所有函数，我...
2018-12-19 10:33:06
238
原创 Vue-cli中安装并使用Less
首先安装vue-cli，网站教程多多，在这不多说。接下来在vue项目目录下，运行其他扩展使用方法我放个官网链接，大家可以点击查看npm install less less-loader --save-dev等待安装成功即可，接下里我们可以在vue项目中的package.json中看到less的相关依赖接下来找到bulid目录下的webpack.base.conf.js并打...
2018-12-18 17:14:15
50684
7
原创 jquery编写回到顶部插件
最近需要写一个回到顶部的小按钮让用户来点击回到顶部，写了一个很简单的小插件。jquery编写插件一般就是通过$.extend()来扩展jquery,还有就是通过$.fn添加新的jquery方法、还有就是通过$.widget()应用jquery UI的部件工厂方式创建。这里我就用得到$.fn来向jquery添加新的方法。下面就是我的代码：<!DOCTYPE html>&l...
2018-08-22 14:49:23
386
1
原创 js中的循环方式
身为一名开发人员，工作中遍历数据是肯定得接触的，我准备来写写JS中各种遍历的方法。1，for循环对于循环应该是最常用的一种遍历方式了，通常用来遍历数组结构。let arr = [a,b,d];for (let i=0; i<arr.length; i++){ console.log(i,arr[i]);}2，for...in循环for...in语句用于对数组...
2018-08-20 10:02:24
2275
1
原创 js实现复制粘贴功能
最近写微信小程序，写到了复制粘贴功能，微信官方提供了接口很好用，但是在js端接口并没有那么简单易懂。有一个js插件将原生复制js封装了起来，大小只有3kb十分好用。这个是clipboard.js的官方网址。接口内容简单易懂。 ...
2018-08-19 16:15:33
1051
原创 js倒计时代码编写
前几天写了个倒计时的需求，时间这玩意好久没写过，突然碰到差点懵逼。现在写出来分享一下。倒计时一般显示就是时分秒，一个当前时间，一个截止时间，从中计算获取数据。new Date()函数是js语言自带的系统函数。加上getTime()可以获得传入时间或者当前时间的毫秒数。参数有以下5种形式。new Date("month dd,yyyy hh:mm:ss"); new Date("mo...
2018-07-30 14:20:54
4777
原创 吊打面试官系列之面试大全
html部分（1）Doctype的作用？严格模式与混杂模式如何区分？他们有什么意义？①doctype声明位于HTML文档中的第一行，处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。如果没有doctype或格式不正确会导致文档以兼容模式呈现。②标准模式的排版和js运作模式都是以该浏览器的最高模式执行。兼容模式中，页面以宽松的向后兼容，模拟老浏览器的行为，防止站点...
2018-07-25 10:00:39
3895
原创 web开发利器——webstorm快捷键
webstorm默认的快捷键 Alt+F2 可以选择打开的浏览器种类，上下键或者鼠标选择 Ctrl+/或者Ctrl+Shift+/ 注释 Ctrl+Shift+A 快速查找并使用编辑器所有功能 Ctrl+Alt+S 打开编辑器的配置窗口 Alt+Insert 新建一个文件或其他 Shift+Tab/Tab 减少或扩大缩进 ...
2018-07-19 14:53:06
212
原创 原生javascript中的实用DOM对象
一，DOM文档（1）document.getElementById（）;返回对拥有指定ID的第一个对象的引用。（2）document.getElementsByName（）;返回带有指定名称的对象集合。（3）document.getElementsByTagName（）;返回带有指定标签名的对象集合。二，DOM元素（1）element.appendChild（newListIt...
2018-07-09 15:35:50
198
原创 javascript中数组的方法
1，CONCAT连接两个或更多的数组。语法：arrayObject.concat（arrayX，arrayX，......，arrayX）;参数：必需该参数可以是具体的值，也可以是数组对象可以是任意多个。返回：返回一个新的数组。该数组是通过把所有arrayX参数添加到arrayObject中生成的。如果要进行concat（）操作的参数是数组，那么添加的是数组中的元素，而不是数组。（1）var a ...
2018-07-05 15:10:25
277
原创 使用json-server模拟服务器API
作为一名前端工程师，在工作过程中肯定会与接口打交道，一般情况下，业务需求出来后端工程师会与你约定好接口的名字与数据格式，但是真正的接口并不会到你手中，此时写前端页面的时候就得将数据写到页面中去，给后来的接口调试带来阻碍，会拖慢开发效率。现在要介绍的就是不擅长后台服务器开发的前端工程师的福音，json-server，这种做法称之为构建前端Mock，目前json-server在github上的star...
2018-07-03 17:01:29
811
翻译 ES6新特性之——变量的解构赋值
变量的解构赋值ES6有了一个新的黑科技赋值方法那就是解构赋值，学会了这个赋值方法，敲代码的时候会得到装B加成。一、数组的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前赋值变量只能。let a=a;let b=b;let c=c;ES6中允许这样写。let [a,b,c]=[a,b,c]上面的代码可以看出，变量的名字与值对...
2018-06-30 14:36:53
452
原创 ES6新特性之——let和const指令
到现在为止，js声明变量的方式有3个了，var let const相信大家都已经知道或者使用了，let和const不知道也肯定听说过。今天来说说let和const的特点和与var不同的地方。 1、 ES6新增了let命令，用来声明变量，用法与var一致，但是let声明的变量只在let命令所在的代码块有效。如下图所示。 上面a b输出时a是未...
2018-06-27 23:01:17
263
原创 在HTML中使用JavaScript
一、<script>元素<script>元素，向页面中插入JavaScript的主要方法就是使用<script>元素。这个元素有以下6个属性。async：可选。表示应该立即下载脚本，但不妨碍页面中其他的操作，比如下载其他资源或等待加载其他脚本。只对外部文件有效。charset：可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性...
2018-03-26 22:09:54
160
面试宝典之吊打面试官系列
2018-07-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人