![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
一个programmer
Read-Search-Ask
展开
-
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 · 857 阅读 · 1 评论 -
element el-table表头错位
element v-if会导致 el-table表头错位原创 2022-05-09 22:28:17 · 604 阅读 · 0 评论 -
vue-router的入门到精通
vue router是的vue.js的官方路由管理器。它和vue.js的核心深度集成,可以让构建单页面应用变得易如反掌。路由可以达到的功能有:嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于vue.js过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的css class的链接 html5历史模式或hash模式,在IE9中自动降级 自定义的滚动条...原创 2019-01-14 16:17:41 · 471 阅读 · 0 评论 -
微信端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 · 1886 阅读 · 0 评论 -
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 · 2216 阅读 · 0 评论 -
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 · 2351 阅读 · 0 评论 -
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 · 670 阅读 · 0 评论 -
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 · 196 阅读 · 0 评论 -
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 · 3533 阅读 · 0 评论 -
页面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 · 147 阅读 · 0 评论 -
vue的组件传值
vue的组件传值vue的强大之处在于他的组件化,component,在页面由多个组件组成的情况下,组件间传值会变得稍微复杂点,这篇文章会根据vue组件间如何传值来做一些解说。一般来说页面中的组件间关系有:父子组件和兄弟组件,传值方式分为(1)父传子(2)子传父(3)兄弟互传1、父组件传值给子组件<!DOCTYPE html><html><head...原创 2018-12-19 11:36:42 · 1498 阅读 · 0 评论 -
vue的生命周期函数
如下图,这是vue的官网生命周期函数图;其中的红色border包裹起来的就是vue的生命周期函数:beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate(更新前) updated(更新后) beforeDestroy(销毁前) destroyed(销毁后)以上是图中的所有函数,我...原创 2018-12-19 10:33:06 · 206 阅读 · 0 评论 -
使用json-server模拟服务器API
作为一名前端工程师,在工作过程中肯定会与接口打交道,一般情况下,业务需求出来后端工程师会与你约定好接口的名字与数据格式,但是真正的接口并不会到你手中,此时写前端页面的时候就得将数据写到页面中去,给后来的接口调试带来阻碍,会拖慢开发效率。现在要介绍的就是不擅长后台服务器开发的前端工程师的福音,json-server,这种做法称之为构建前端Mock,目前json-server在github上的star...原创 2018-07-03 17:01:29 · 790 阅读 · 0 评论 -
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 · 196 阅读 · 0 评论 -
吊打面试官系列之面试大全
html部分(1)Doctype的作用?严格模式与混杂模式如何区分?他们有什么意义?①doctype声明位于HTML文档中的第一行,处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。如果没有doctype或格式不正确会导致文档以兼容模式呈现。②标准模式的排版和js运作模式都是以该浏览器的最高模式执行。兼容模式中,页面以宽松的向后兼容,模拟老浏览器的行为,防止站点...原创 2018-07-25 10:00:39 · 3852 阅读 · 0 评论 -
js倒计时代码编写
前几天写了个倒计时的需求,时间这玩意好久没写过,突然碰到差点懵逼。现在写出来分享一下。倒计时一般显示就是时分秒,一个当前时间,一个截止时间,从中计算获取数据。new Date()函数是js语言自带的系统函数。加上getTime()可以获得传入时间或者当前时间的毫秒数。参数有以下5种形式。new Date("month dd,yyyy hh:mm:ss"); new Date("mo...原创 2018-07-30 14:20:54 · 4739 阅读 · 0 评论 -
js实现复制粘贴功能
最近写微信小程序,写到了复制粘贴功能,微信官方提供了接口很好用,但是在js端接口并没有那么简单易懂。有一个js插件将原生复制js封装了起来,大小只有3kb十分好用。这个是clipboard.js的官方网址。接口内容简单易懂。 ...原创 2018-08-19 16:15:33 · 1031 阅读 · 0 评论 -
jquery编写回到顶部插件
最近需要写一个回到顶部的小按钮让用户来点击回到顶部,写了一个很简单的小插件。jquery编写插件一般就是通过$.extend()来扩展jquery,还有就是通过$.fn添加新的jquery方法、还有就是通过$.widget()应用jquery UI的部件工厂方式创建。这里我就用得到$.fn来向jquery添加新的方法。下面就是我的代码:<!DOCTYPE html>&l...原创 2018-08-22 14:49:23 · 364 阅读 · 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 · 2222 阅读 · 1 评论 -
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 · 50530 阅读 · 7 评论 -
原生javascript中的实用DOM对象
一,DOM文档(1)document.getElementById();返回对拥有指定ID的第一个对象的引用。(2)document.getElementsByName();返回带有指定名称的对象集合。(3)document.getElementsByTagName();返回带有指定标签名的对象集合。二,DOM元素(1)element.appendChild(newListIt...原创 2018-07-09 15:35:50 · 163 阅读 · 0 评论