
web前端
文章平均质量分 70
凌晨两点奔跑的绵羊
这个作者很懒,什么都没留下…
展开
-
前端知识总结(二)
一、简述https与http1、基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细...原创 2020-04-17 15:41:16 · 226 阅读 · 0 评论 -
小程序 点击tab 实现滑动切换元素的效果
本想使用swiper实现功能,但是其中一个需要被切换的元素是地图页,滑动的时候会影响地图,想屏蔽手动滑动,只点击tab滑动,但是却把地图的滑动页屏蔽掉了。所以放弃这个方法,采用小程序的animation实现。步骤:1、创建一个动画实例 var animation = wx.createAnimation({ duration: 500, timingFunctio...原创 2020-04-03 18:01:59 · 864 阅读 · 0 评论 -
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 · 4134 阅读 · 4 评论 -
vue-draggable-resizable 可拖拽缩放组件使用总结
最近有一个需求,可在背景图片上添加热区,然后在h5页面可点击区域进行跳转或者领券或者视频播放。实现思路:1、利用vue-draggable-resizable 组件 记录热区的X轴坐标、Y轴坐标、热区的宽度和高度2、h5页面利用<map> <area> 标签标记,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自...原创 2020-04-03 16:18:53 · 7988 阅读 · 3 评论 -
小程序cover-view内文字在IOS被遮挡问题
小程序cover-view内文字在IOS被遮挡问题IOS上的一个问题,在地图页,因为是原生组件的限制,小程序现在只允许使用cover-view、cover-image、button、nav标签,其他标签会被忽略。当有需求在cover-view里展示文字的时候,发现在IOS真机上,最后一个文字会被截取一半,经过调试,无论是增加外边距、内边距还是调整展现方式均无效。最后在小程序社区里面看到...原创 2020-04-03 15:11:47 · 1492 阅读 · 0 评论 -
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 · 2067 阅读 · 0 评论 -
npm常见问题
1、安装卡顿,切换为淘宝的npm国内镜像npm config set registry https://registry.npm.taobao.org检查:npm config get registry2、npm 更新到最新版本npm install npm@latest -g3、har-validator@5.1.2 Not found问题删除package-lock.js...原创 2019-07-08 15:25:49 · 549 阅读 · 0 评论 -
ElementUI form表单在dialog中,先点了编辑后添加,重置表单无效
在用ElementUI做动态表单时,数据的修改都是打开dialog(子组件)中进行操作的,但是在修改数据时,正常来说可以直接调用 this.$refs[str].resetFields() 直接清空,但是这里会出现一个问题:form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准;Dialog 中的内容是懒加载的,目前 edit (更新...原创 2019-07-11 10:50:17 · 4548 阅读 · 1 评论 -
vue 做了缓存数据导致页面路由变化数据不更新的问题
为了使切换页面时编辑的数据仍然保留,所以对页面做了缓存(页面路由的keepAlive:true)。但是路由参数有变化时页面用的仍然是缓存的数据并没有刷新。所以监听路由参数id,有变化则重新获取数据watch: { $route(){ if(this.$route.path=='/aSale_workOrderCreate' && this.$rou...原创 2019-07-12 15:42:52 · 3591 阅读 · 0 评论 -
当字符串遇到‘↵’换行符的解决办法
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 · 1119 阅读 · 0 评论 -
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 · 11797 阅读 · 2 评论 -
vue中 使用ueditor富文本编辑器的艰难探索之路
第一步:移步官网下载相对应的插件https://ueditor.baidu.com/website/download.html开发版功能较全,mini版功能较少,根据需求下载。第二步:把文件夹放在public目录下面 命名为ueditor(随意取名,后面对应就行)第三步:更改配置文件ueditor.config.js第四步:写公共组件UE.vue<tem...原创 2019-05-07 09:30:39 · 726 阅读 · 0 评论 -
如何for循环 异步请求数据的函数
在for循环中,想写一个异步请求数据的函数。因为异步的原因,循环完之后,请求数据只请求了for循环的最后一次,无法实现每次循环都调用一次数据请求。但是本框架采用的是axios,也并未找到把异步请求改成同步的方法。所以采用递归的方式来实现。(function loop(index) { getLists({ province_id:id}).then(res =>...原创 2019-05-05 17:48:32 · 3328 阅读 · 4 评论 -
前端知识总结(二)
一、当行内元素之间有“回车”,“tab”,“空格”时就会出现间隙,解决办法:1、手动删除回车空格2、父元素设置font-size:0二、DOCTYPE的作用1、document type(文档类型)的缩写,告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。2、在W3C标准出来之前,不同的浏览器对页面渲染有不同的标准,产生了一定的差异。这种渲染方式叫做混杂模...原创 2019-03-13 23:11:16 · 155 阅读 · 0 评论 -
关于作用域和域解析
一、js变量作用域1、全局变量:在函数外面定义的变量2、局部变量:在函数外面定义的变量只能在函数里使用二、浏览器解读js代码分为两个步骤1、域解析找一些东西:var关键字、function、参数;所有的变量在正式运行代码之前,都提前赋了一个值,(undefined)未定义;所有的函数在正式运行代码之前,都是整个函数块,fun=function(){...};域解析时原创 2017-08-21 21:32:15 · 778 阅读 · 0 评论 -
如何快速转载csdn中的博客
一、我们首先打开要转载的博客,然后鼠标右键就会出现检查或者审查元素二、我们选中“article”从上面图片我们也可以看到,博客的内容已经被我们选中了,也就是我们想要转载的内容,然后右键,选择copy,copy outerhtml,就可以把其中要转载的内容复制下来,接下来的就是粘贴了。 三、写新文章,打开markdown编辑器,然后粘贴一下,就会出现下面的内容原创 2017-11-07 13:17:18 · 237 阅读 · 0 评论 -
vue组件之间的通信(数据的传递)
组件设计初衷就是要配合使用的,最常见的就是形成父子组件的关系:组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信:父组件可能要给子组件下发数据,子组件则可能要将它内部发生的事情告知父组件。然而,通过一个良好定义的接口来尽可能将父子组件解耦也是很重要的。这保证了每个组件的代码可以在相对隔离的环境中书写和理解,从而提高了其可维护性和复用性。在 Vue 中,父子组件的关系可以总结为原创 2017-11-08 11:35:35 · 4252 阅读 · 0 评论 -
jquery+css实现滚动固定侧边栏
jquery+css实现滚动固定侧边栏原创 2017-10-23 22:02:18 · 2993 阅读 · 1 评论 -
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 · 309 阅读 · 0 评论 -
canvas动画时钟
在html代码中,插入canvas标签设置css样式 canvas{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } 写入了两个画布,一个是为了画静态的表盘,另一个是为了画动态的指针在js中创建画布,原创 2017-11-21 11:07:41 · 353 阅读 · 0 评论 -
关于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 · 906 阅读 · 0 评论 -
关于css预处理器
在写CSS的时候我们会发现,为了兼容浏览器等原因,我们往往需要写很多冗余的代码,CSS预处理器就是为了解决CSS的这些问题,简化CSS代码的编写。目前最主流的CSS预处理器是LESS、SASS和Stylus,主要从以下几个方面进行讨论:基本语法变量嵌套混入(mixin)继承函数@import运算符逻辑控制基本语法LESS的基本语法和CSS差不多,SASS和Stylus都可以利用缩转载 2017-12-26 21:29:17 · 1824 阅读 · 0 评论 -
用sublime sever启动本地服务(手机访问电脑页面)
一、安装sublimeServerCtrl+Shift+P,启动Package Control输入installPackage打开插件安装命令输入sublimeServer找到sublime text的服务器插件,回车直接安装。安装完成之后,点击菜单栏的Tools选项,就可以看到SublimeServer工具,然后点击settings,查看sublimeserver的基本配置,这里可以修改...原创 2018-07-10 10:10:40 · 1019 阅读 · 0 评论 -
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 · 261 阅读 · 0 评论