- 博客(23)
- 收藏
- 关注
原创 表单设计器form-marking的使用(二)
自定义操作按钮和预览表单<template> <div class="list-wraper previewForm"> <fm-making-form ref="makingform" style="height: 670px;" > <template slot="action"...
2021-04-20 10:10:00
147
原创 表单设计器form-marking的使用(一)
前言项目开发要做工作流,也因此需要一个表单设计功能,所以在网上找到了form-marking这个组件。官方地址:http://docs.form.making.link安装// 依赖包安装npm install form-making -S引入// vue引入// 全局import FormMaking from '@/lib/vue-form-making'import...
2021-04-20 09:01:00
216
原创 关于代码压缩后vendor.js文件体积过大加载时间较长的问题
vue项目build后打包的vendor.js文件体积较大,加载时间过长这时候就需要把一些不需要打包的文件给忽略掉,改为cdn资源引入的方式,减小代码打包后的体积操作如下:1、再build文件夹下的webpack.base.conf.js文件做如下配置module.exports = { //减少打包后vendor.js体积 externals: { 'vue': 'Vu...
2020-07-31 17:47:00
114
原创 关于时间(日期)选择器的回显问题
我在vue项目里用到了ant design vue 的时间选择器组件a-date-picker和a-time-picker组件,因为需要回显,一开始的时候碰到了问题,感觉有点费时间,就先跟后端调接口,回过头来在解决这个问题。现在进入正题,代码附上。<a-date-picker :value="moment(windowIndate, 'YYYY-MM-DD')" :defaultVa...
2020-03-03 15:42:21
6407
1
原创 关于vue火狐浏览器隐藏滚动条不生效的问题
需求:隐藏浏览器自带滚动条样式(兼容Chrome和Firefox)解决方法:Chrome浏览器: &::-webkit-scrollbar { display: none; }Firefox浏览器:scrollbar-width: none;效果:Chrome浏览器可以隐藏滚动条的同时保存滚动效果,Firefox浏览器隐藏滚动条不生效问题点:检查发现s...
2020-01-08 09:21:34
3237
3
原创 使用el-tree组件当后台返回的数据过多导致页面反应时间过长或页面崩溃的问题及解决方案
**需求:**获取后台的所有目录并展示开始的做法:使用el-tree组件根据后台返回的数据和el-tree组件的属性绑定<el-tree :data="data" show-checkbox @check-change="handleCheckChange" node-key="catalogId" // 节点绑定目录ID :props="defaultPr...
2019-11-06 11:48:37
6487
3
原创 Vue中的指令介绍
vue中的指令dom元素的行间属性,vue提供了内置的指令,必须以v-开头,后面的值均为变量v-cloak:消除页面刚加载时会看到{{}}闪一下的效果,可加给最外层的根元素;//需要添加对应的css样式 [v-cloak]{ display: none; }v-model(表单元素设置了之后会忽略掉value,checked,selected)...
2019-07-02 22:07:46
273
原创 vue 中的路由,路由嵌套以及钩子函数
vue 中的路由,路由嵌套以及钩子函数什么是路由呢?在网络原理中路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。而在web开发中,路由就是URL到函数的映射。使用Vue开发项目,我们需要使用路由将组件(components)映射到(routes),然后在需要的地方进行使用渲染。Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核...
2019-06-26 09:57:49
2024
原创 常见的浏览器兼容问题
html常见兼容性问题?1.双边距BUG float引起的解决办法: 使用display2.3像素问题 使用float引起的解决办法: 使用dislpay:inline -3px3.超链接hover 点击后失效解决办法:使用正确的书写顺序 link visited hover active4.IE z-index问题解决办法:给父级添加position:relative5.Pn...
2019-06-25 19:59:55
216
原创 移动端经常出现的兼容问题
移动端经常出现的兼容问题,谈谈移动端应用或者wap站的一些优化技巧和心得1、安卓浏览器看背景图片,有些设备会模糊。因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixelRatio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍),或者指定 background一size:contain;...
2019-06-25 19:57:42
834
原创 Vuex简单介绍
什么是Vuex?Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来管理数据。用户界面负责触...
2019-06-25 19:33:51
267
原创 web 性能优化方法
怎么才能提高web性能?一、尽量减少 HTTP 请求1、合并脚本跟样式文件,如可以把多个CSS 文件合成一个,把多个 JS 文件合成一个。2、CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位,把多个图片合成一个图片。二、使用浏览器缓存样式表放在顶部、脚本文件放在底部、避免css表达式、把脚本的样式表放在外部、移除重复脚本三、使用压缩组件...
2019-06-10 19:42:49
235
原创 H5 新增标签、css新增样式,手写 tab 切换 水平垂直居中
H5新增标签1、结构标签标签描述section独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分article特殊独立区块,表示这篇页眉中的核心内容aside标签内容之外与标签内容相关的辅助信息header某个区块的头部信息/标题hgroup头部信息/标题的补充内容footer底部信息...
2019-06-10 11:30:26
710
原创 较为全面的HTTP状态码以及它们的意思
http状态码的分类有以下几种:信息类、响应成功、重定向类、客户端错误类、服务器端错误类1、(信息类):表示接收到请求并且继续处理100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本2、(响应成功):表示动作被成功接收、理解和接受200——表明该请求被成功地完成,所请求的资源发送回客户端201——提示知道新文件的URL202——接受和处理、但处理未完...
2019-06-05 10:32:01
207
原创 JavaScript对象常用方法总结以及对象拷贝
对象常用方法什么是对象?对象JavaScript 中的所有事物都是对象:字符串、数字、数组、日期、正则,等等。在 JavaScript 中,对象是拥有属性和方法的数据。字符串(String)方法描述charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接字符串。in...
2019-06-03 21:13:13
113
原创 自定义组件、组件之间传值
说到自定义组件,我们先来了解下什么是组件。组件组件传值组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。使用组件想要使用组件,就需要先注册一个组件。而组件又分为全局组件和局部组...
2019-05-30 18:55:02
2658
原创 JS事件传播流程,事件阻止
JS事件传播流程js事件传播流程主要分三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。在我们平常用的addEventListener方法中,一般只会用到两个参数,一个是需要绑定的事件,另一个是触发事件后要执行的函数,然而,addEventListener还可以传入第三个参数,第三个参数默认值是false,表示在事件冒泡阶段调用事件处理函数;如果参数为true,则表示在事件捕获阶段调用处...
2019-05-29 20:02:51
1235
原创 数组中常用的方法总结
数组中常用的方法总结1. push2. pop3. shift4. unshift5. splice6. slice7. join8. concat9. sort10. reverse11. indexOf 12. lastIndexOf13. forEach14. map15. filter16. every17. some1. push作用:像数组的末尾...
2019-05-29 19:28:16
815
原创 对JavaScript原型、原型链、继承的理解
原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题。接下来我就说一下我对原型、原型链以及继承的理解,如果有不对的地方,希望可以留言指出。原型一、万物皆对象(看似如此)undefined, number, string, boolean四种属于简单的值类型,不是对象,使用基本类型变量可以调用方法是因...
2019-05-29 17:46:45
185
转载 关于js的六种继承方式及其优缺点
一、原型链继承原型链:JavaScript中实现继承最简单的方式就是使用原型链,将子类型的原型指向父类型的实例即可,即“子类型.prototype =new 父类型();”,实现方法如下://为父类型创建构造函数function SuperType () { this.name = ['zc','ls','ww']; this.property = true;}//为父类...
2019-05-25 17:33:18
336
转载 最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开...
2019-05-24 17:56:24
3273
原创 http请求报文以及get 和 post 请求的区别
http请求报文以及get 和 post 请求的区别http请求报文功能快捷键http请求报文HTTP报文是面向文本的,报文中的每一个字段都是一些ASCII码串,各个字段的长度是不确定的。一个HTTP请求报文有四部分组成,请求行、请求头部、空行、请求数据。下面给了一幅图来说明请求报文的格式:or<request-line><headers><blank line><re...
2019-05-21 19:14:43
471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人