- 博客(39)
- 收藏
- 关注
RSS订阅
原创 H5微信分享 自定义图标和内容（以及二次分享图片丢失的解决办法）
只列前端需要做的工作一、需配置的东西1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名)3、在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js4、配置IP白...
2020-04-03 17:20:24
3770
4
原创 elementui中 table表格根据不同的值设置单元格背景色
<el-table v-loading="loading" :data="lists" border :cell-class-name="addClass" style="width: 100%">.cell-grey{ background: #f2f2f2;}addClass({row,column,rowIndex,...
2019-09-06 18:12:20
11707
2
原创 vue路由 重复点击同一个路由报错 如何解决？
Element-ui 重复点击同一个路由 会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}解决办法：在router/index.js里重写Router.prototype.pushimport Router from 'vue-router'//需要添加的代码const originalPush = Router.prototype.push;Router.pro
2020-05-19 16:43:17
1087
原创 前端知识总结（二）
一、简述https与http1、基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细...
2020-04-17 15:41:16
182
原创 小程序 点击tab 实现滑动切换元素的效果
本想使用swiper实现功能，但是其中一个需要被切换的元素是地图页，滑动的时候会影响地图，想屏蔽手动滑动，只点击tab滑动，但是却把地图的滑动页屏蔽掉了。所以放弃这个方法，采用小程序的animation实现。步骤：1、创建一个动画实例 var animation = wx.createAnimation({ duration: 500, timingFunctio...
2020-04-03 18:01:59
812
原创 html中map标签和area标签的应用 且能自适应不同手机的屏幕
一、如何使用带有可点击区域的图像映射：<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="v...
2020-04-03 16:38:37
943
1
原创 vue-draggable-resizable 可拖拽缩放组件使用总结
最近有一个需求，可在背景图片上添加热区，然后在h5页面可点击区域进行跳转或者领券或者视频播放。实现思路：1、利用vue-draggable-resizable 组件 记录热区的X轴坐标、Y轴坐标、热区的宽度和高度2、h5页面利用<map> <area> 标签标记，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自...
2020-04-03 16:18:53
7497
3
原创 小程序cover-view内文字在IOS被遮挡问题
小程序cover-view内文字在IOS被遮挡问题IOS上的一个问题，在地图页，因为是原生组件的限制，小程序现在只允许使用cover-view、cover-image、button、nav标签，其他标签会被忽略。当有需求在cover-view里展示文字的时候，发现在IOS真机上，最后一个文字会被截取一半，经过调试，无论是增加外边距、内边距还是调整展现方式均无效。最后在小程序社区里面看到...
2020-04-03 15:11:47
1302
原创 当字符串遇到‘↵’换行符的解决办法
str.replace(/(\r\n|\n|\r)/gm, "<br/>") 举个栗子：let str = "第一点：1231313↵ 第二点：123131↵ 第三点、23131313↵" <span v-html="turn(str)"></span> function turn(data) { return data.re...
2019-09-06 17:26:01
1015
原创 vue 做了缓存数据导致页面路由变化数据不更新的问题
为了使切换页面时编辑的数据仍然保留，所以对页面做了缓存（页面路由的keepAlive:true）。但是路由参数有变化时页面用的仍然是缓存的数据并没有刷新。所以监听路由参数id，有变化则重新获取数据watch: { $route(){ if(this.$route.path=='/aSale_workOrderCreate' && this.$rou...
2019-07-12 15:42:52
3415
原创 ElementUI form表单在dialog中，先点了编辑后添加，重置表单无效
在用ElementUI做动态表单时，数据的修改都是打开dialog（子组件）中进行操作的，但是在修改数据时，正常来说可以直接调用 this.$refs[str].resetFields() 直接清空，但是这里会出现一个问题:form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准;Dialog 中的内容是懒加载的，目前 edit (更新...
2019-07-11 10:50:17
4421
1
原创 npm常见问题
1、安装卡顿，切换为淘宝的npm国内镜像npm config set registry https://registry.npm.taobao.org检查：npm config get registry2、npm 更新到最新版本npm install npm@latest -g3、[email protected] Not found问题删除package-lock.js...
2019-07-08 15:25:49
502
原创 vue.js+elementui table表格中如何禁用部分复选框
selectable仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选。1、<el-table-column type="selection" :selectable="checkboxT" disabled="true" width="150">...
2019-05-28 15:13:09
2000
原创 vue中 使用ueditor富文本编辑器的艰难探索之路
第一步：移步官网下载相对应的插件https://ueditor.baidu.com/website/download.html开发版功能较全，mini版功能较少，根据需求下载。第二步：把文件夹放在public目录下面 命名为ueditor(随意取名，后面对应就行)第三步：更改配置文件ueditor.config.js第四步：写公共组件UE.vue<tem...
2019-05-07 09:30:39
636
原创 如何for循环 异步请求数据的函数
在for循环中，想写一个异步请求数据的函数。因为异步的原因，循环完之后，请求数据只请求了for循环的最后一次，无法实现每次循环都调用一次数据请求。但是本框架采用的是axios，也并未找到把异步请求改成同步的方法。所以采用递归的方式来实现。(function loop(index) { getLists({ province_id:id}).then(res =>...
2019-05-05 17:48:32
3259
4
原创 前端知识总结（二）
一、当行内元素之间有“回车”，“tab”，“空格”时就会出现间隙，解决办法：1、手动删除回车空格2、父元素设置font-size:0二、DOCTYPE的作用1、document type(文档类型)的缩写，告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。2、在W3C标准出来之前，不同的浏览器对页面渲染有不同的标准，产生了一定的差异。这种渲染方式叫做混杂模...
2019-03-13 23:11:16
131
原创 用sublime sever启动本地服务（手机访问电脑页面）
一、安装sublimeServerCtrl+Shift+P,启动Package Control输入installPackage打开插件安装命令输入sublimeServer找到sublime text的服务器插件，回车直接安装。安装完成之后，点击菜单栏的Tools选项，就可以看到SublimeServer工具，然后点击settings，查看sublimeserver的基本配置，这里可以修改...
2018-07-10 10:10:40
982
转载 关于css预处理器
在写CSS的时候我们会发现，为了兼容浏览器等原因，我们往往需要写很多冗余的代码，CSS预处理器就是为了解决CSS的这些问题，简化CSS代码的编写。目前最主流的CSS预处理器是LESS、SASS和Stylus，主要从以下几个方面进行讨论：基本语法变量嵌套混入(mixin)继承函数@import运算符逻辑控制基本语法LESS的基本语法和CSS差不多，SASS和Stylus都可以利用缩
2017-12-26 21:29:17
1763
原创 关于js的构造函数和原型对象
构造函数的特点1、构造函数的首字母必须大写，用来区分于普通函数2、内部使用的this对象，来指向即将要生成的实例对象3、使用New来生成实例对象eg:function Person(name,age){this.name=name;this.age=age;this.sayHello=function(){console.log(this.nam
2017-11-23 11:36:29
848
原创 canvas动画时钟
在html代码中，插入canvas标签设置css样式 canvas{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } 写入了两个画布，一个是为了画静态的表盘，另一个是为了画动态的指针在js中创建画布，
2017-11-21 11:07:41
306
原创 vue动画
一、使用transition定义动画 //定义过度的样式 /* 动画刚开始时的状态，和动画结束时的状态 */ .move-enter-active, .move-leave-active { transition: all 2s; } /* 动画过度的css样式 */ .mo
2017-11-09 21:50:11
287
原创 vue组件之间的通信（数据的传递）
组件设计初衷就是要配合使用的，最常见的就是形成父子组件的关系：组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信：父组件可能要给子组件下发数据，子组件则可能要将它内部发生的事情告知父组件。然而，通过一个良好定义的接口来尽可能将父子组件解耦也是很重要的。这保证了每个组件的代码可以在相对隔离的环境中书写和理解，从而提高了其可维护性和复用性。在 Vue 中，父子组件的关系可以总结为
2017-11-08 11:35:35
4143
原创 如何快速转载csdn中的博客
一、我们首先打开要转载的博客，然后鼠标右键就会出现检查或者审查元素二、我们选中“article”从上面图片我们也可以看到，博客的内容已经被我们选中了，也就是我们想要转载的内容，然后右键，选择copy,copy outerhtml，就可以把其中要转载的内容复制下来，接下来的就是粘贴了。 三、写新文章，打开markdown编辑器，然后粘贴一下，就会出现下面的内容
2017-11-07 13:17:18
209
原创 mongoDB搭建
一、MongoDB Windows系统各个64位版本下载地址：http://dl.mongodb.org/dl/win32/x86_64二、打开cmd命令窗口，输入mongod,会出现下面的错误（没有的跳过下面的解决办法）解决办法：将mongodb的命令设置为windows识别的命令，也就是将MongoDB安装目录下的bin目录的路径写入到windows系统环境
2017-11-01 10:03:51
267
原创 Sublime Text 3如何让ejs模板语法高亮？
一、二、按照上图方式设置后在sublime-text-3/Packages/User目录下生成HTML.sublime-settings，内容如下：
2017-10-25 20:32:22
3334
原创 nodejs基础
第一部分：fs模块 1.引入fs模块 01.require('fs') 2.写文件 01.异步写：writeFile 001.fs.writeFile(path,data[,option],callback) 002.path:文件路径 003.data:写的内容,
2017-10-24 21:33:38
228
转载 Node.js之npm
关于NPMnpm是nodejs的包管理工具，所谓包管理工具就是对各种包和工具进行 安装，卸载，更新，查看，搜索，发布等操作的工具。就像我们电脑上的电脑管家，管理各种软件的安装，卸载，升级等。使用npm我们可以非常轻松的管理各种包，而且诸多前端开发的工具诸如WebPack、Grunt等都是依赖于nodeJS的，这些工具的安装、使用都要通过npm。 我们开发中用到的一些开源类库如jquer
2017-10-10 18:32:12
791
转载 ECMA6入门
ECMA61. 什么是ECMA6ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准，在2015年6月正式发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。2. ECMAScript 和 JavaScript 的关系ECMAScript是JavaScript的规格，JavaScri
2017-09-30 14:39:45
4722
1
原创 关于作用域和域解析
一、js变量作用域1、全局变量：在函数外面定义的变量2、局部变量：在函数外面定义的变量只能在函数里使用二、浏览器解读js代码分为两个步骤1、域解析找一些东西：var关键字、function、参数;所有的变量在正式运行代码之前，都提前赋了一个值，（undefined）未定义;所有的函数在正式运行代码之前，都是整个函数块，fun=function(){...};域解析时
2017-08-21 21:32:15
670
原创 响应式布局
一、什么是响应式布局？通俗的来讲，就是根据屏幕的宽度，自动调整网页div显示和布局，以适应不同尺寸屏幕，优化浏览体验。在pc上你可能看到是这样的：在小屏幕或者平板上看到是这样的二、响应式设计的三要素1、流体网格 2、响应式图片 3、媒体查询三、响应式设计步骤 1、设置Meta标签大多数移动浏览器将HTML页面放大为宽的视图（v
2017-08-20 12:52:39
279
原创 Javascript的基础语法
一、JS的组成1、ECMAScript 基本语法2、BOM 浏览器模型3、DOM文档对象模型二、在html中的使用1、使用script标签引入js文件2、把js代码写在script标签中（script最好放在html元素的最后）三、在页面中输出内容1、console.log() 把内容输出到控制台2、alert()弹框输出3、docume
2017-08-14 20:42:46
217
原创 CSS3新特性（二）选择器
一、基础选择器1、通配选择器 *2、元素选择器E3、ID选择器 #id4、CLASS.class5、群组选择器E,F二、层次选择器1、后代选择器E F2、子选择器E>F3、相邻选择器E+F4、通用兄弟选择器E~F三、属性选择器1、E[attr]选择具有att属性的E元素2、E[attr="val"]选择具有att
2017-08-09 19:04:15
283
原创 CSS3新特性（一）
一、CSS3是CSS2的升级版本，在CSS2.1的基础上增加了很多强大的功能。新特性：1、强大的CSS3选择器2、抛弃图片的视觉效果，圆角、阴影、渐变、半透明、图片边框，可以通过CSS3实现3、新增背景功能4、盒子模型的变化5、阴影效果6、多列布局与弹性盒模型布局7、Web字体与WebFont图标8、颜色与透明9、圆角与边框10、CSS变形11、
2017-08-08 20:16:49
345
原创 HTML5新增标签及属性
HTML5增加了一些新的标签，有助于开发人员定义重要的内容，可以给站点带来更多的媒体元素（视频和音频）。当涉及到网站的抓取和索引时，对于SEO很友好。不过，IE9以下的版本不支持这些新特性，所以我们要采取一些方案来解决这些兼容性的问题。一、新增标签1、结构标签headerfootermainaside侧边栏nav导航article定义文章 写在section里s
2017-08-01 19:08:20
350
原创 关于CSS简单布局常用的基础知识
一、属性的继承问题文本类、字体、颜色，子元素会继承父元素的设置布局类、边距、大小、边框、背景，不会继承二、定位1、相对定位：相对于自己原来的位置2、绝对定位：相对于第一个定位的祖先元素父 position:relative子 position:absolute父元素也需要定位，子元素才会有作用3、固定定位：相对于屏幕，一直固定不动4、z-index 显示优先
2017-07-31 15:36:58
283
原创 关于CSS常用的基础知识
一、CSS选择器元素选择器 ID选择器 #id名CLASS选择器 .类名全局选择器 *关联选择器-后代元素选择器 slecter selecter关联选择器-子元素选择器 selecter>selecter组合选择器 两种基本选择器的组合伪类选择器 love-hate * :link * :visited *
2017-07-31 14:23:52
292
原创 块状元素和行内元素的区别是什么？
一、常见的块状元素和行内元素分别有哪些块状元素：定义地址主要布局标签定义一个框架集创建HTML表单--标题分隔线定义表格标题定义列表自定义列表定义表格表格单元格表格页脚表头单元格定义表格的表头定义表格中的行段落原格式输出行内元素：可以定义锚字体加粗换行引用定义代码强调插入图片输入框inp
2017-07-27 20:56:03
1820
原创 关于HTML基础的总结
首先，我们要知道HTML是一种超文本标记语言，不需要编译，直接由浏览器执行。HTML由W3C维护，是通向WEB技术世界的钥匙。一、HTML文件主体结构标签1、文档声明 2、html标签3、head标签里面会包含诸如页面标题，搜索引擎信息等相关的标签4、body标签页面的主体内容包含在里面。属性有background、bgcolor、text、link、vli
2017-07-27 15:32:41
2599
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人