![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web 前端
文章平均质量分 67
问问那只猫
摸鱼程序猿
展开
-
自定义小程序组件发布到npm
按照要求输入账号,密码。完毕后会提示登录成功。根目录.,所有的组件都放在这个文件夹下面。按照提示输入对应的信息,最终得到一个。同时给该文件加上微信官方的根目录指向。确保自己的源在官方npm上。cd 到文件执行初始化。没有账号的,需要自行在。原创 2023-03-01 17:47:05 · 347 阅读 · 1 评论 -
扒一扒微信头像挂件生成小程序
扒一扒常见的头像挂件小程序原创 2023-02-07 16:18:18 · 339 阅读 · 0 评论 -
解决 ReferenceError: primordials is not defined
踩坑最近换了一台电脑,在使用gulp进行编译的时候,总是提示编译失败。 ReferenceError: primordials is not defined经研究发现,我本地安装的node版本是 12+而我安装的gulp是 13+而这两个版本是相互冲突的。解决弄清楚问题后,就比较好解决了。首先使用node -v 查看node版本,gulp -v查看gulp版本如果发现满足以上情况,即node >=12 && gulp <= 3,那么现在有两种解决方案。降级原创 2020-07-22 10:57:00 · 47409 阅读 · 4 评论 -
删除VSCode 中自定义的snippets
snippets在vscode中的自定义一个snippets是一个非常睿智的选择,可以帮我们节省大量的时间。具体操作非常简单,随意百度即可。这边记录一下如何删除的问题。删除自定义的snippets当我们新建一个snippets后,它就会一直保存在你的电脑里,而且你无法直接在vscode中删除他们。因此,我们需要手动删除它。具体路径存在这边 /Users/jed/Library/ApplicationSupport/Code/User/snippets这个mac的路径,windows的路径可以参考原创 2020-05-22 14:32:32 · 2406 阅读 · 0 评论 -
让video在div中铺满全屏
需求不废话,直接上需求。需要实现在一个5500*500的div中,让div中的video自动铺满,显示全屏。如图1: 坑爹当你尝试这么写的话:.video { width: 500px; height: 500px; background-color: #bbc13d; margin: 50px auto; }.video原创 2017-10-18 11:54:34 · 39382 阅读 · 7 评论 -
vue mock小记
关于mockjsmockjs真的是一款数据生成神器,可以帮助我们生成一堆我们想要的数据。在前后端分离的工作模式下,前端的苦逼们再也无需等待后台大哥们的接口了。想要数据?自己mock一下就搞定。用法官网对于mockjs,只是简单介绍了一下它的安装方式,以及引入方式。对于实际在项目中的使用,则直接抛了几个demo,感觉让人很扫兴。 最近在一个vue项目中需要用到mock,在网上找了很多文章,感觉都非常原创 2017-09-11 15:37:34 · 6765 阅读 · 0 评论 -
放大镜插件
需求电商网站上最常见,最常用的插件莫过于放大镜特效了。为了避免重复造轮子,我这边整理了一个蛮好用的jquery放大镜插件。开箱即用,很便捷。 插件核心代码//**************************************************************// jQZoom allows you to realize a small magnifier window,c原创 2017-08-31 11:12:05 · 745 阅读 · 0 评论 -
前端知识库
天啦撸 前端福利偶然间发现了这么前端知识库,涵盖了几乎所有的前端学习的资料链接。。。太全了,让我自己也吓一跳,拷贝过来,做个备份,有时间的时候挨个学习一下~浩浩荡荡的传送门核心 Core HTML5 W3C http://www.w3school.com.cn/html5/ W3C https://www.w3.org/html/ig/zh/wiki/HTML5 菜鸟教程 http://ww转载 2017-08-29 14:33:31 · 1031 阅读 · 0 评论 -
a标签上传图片
a标签上传图片原创 2017-08-29 10:29:56 · 4779 阅读 · 0 评论 -
页面滑动,防止a链接误触
问题最近在项目中遇到一个非常奇怪的问题,拿出来和大家分享一下。由于文采不好,原因又和这篇文章上描述的差不多,我这边就不组织语言了。直接copy过来了。原文地址 * 1 问题:在移动设备上快速滚动屏幕然后点击使滚动停止,如何尽量避免在点击时误触a标签,跳转到其他页? * 2 这也是在移动端的前端开发中实际遇到的一个问题,详细说来就是在正常情况下,当我们的当前页面内容较多,高度上较高,出现滚动条的时原创 2017-08-26 10:33:18 · 4046 阅读 · 3 评论 -
一份简单的gulpfile 配置文件
gulpgulp在前端开发中,是一把利器,可以帮我们完成一堆重复繁琐的工作,解放双手,提高生产力。文件目录├─html├─img├─js├─lib│ ├─css│ ├─fonts│ └─js└─sass配置文件这边把一份自己的常用的配置文件,贴出来。未来有新需求的话,再来更新文件。 var gulp = require('gulp'), uglify = require('原创 2017-08-26 10:13:30 · 505 阅读 · 0 评论 -
利用css3实现箭头
需求在一些开发中,经常会用到一些箭头,如图所示: 要实现图上的抢这个箭头,传统的做法就是切一张这样的图片,然后最为背景图就行了。但考虑到节约图片加载资源以及css3的强大特性,我们完全可以用CSS3来实现如图需求。 实现关于如何用css3实现三角形、箭头的方法有很多,百度一下你就知道。这边的话,可以把上图看成两部分,一部分是三角形,一部分是矩形就行了。具体实现的代码是这样的。 <div cl原创 2017-08-22 17:00:38 · 2280 阅读 · 0 评论 -
css美化radio
需求使用css 美化 input type=”radio” 如图:代码 <input class="radio-beauty" type="radio" id="radio1" name="carriageType" /> .radio-beauty { width: 12px; height: 12px;原创 2017-08-22 16:43:02 · 585 阅读 · 0 评论 -
js获取html标签
很多时候我们会用到这样的样式html,body{height:100%;overflow:hidden;}如果要用到js的话我们可以这样写: document.documentElement.style.overflow = "hidden"; document.body.style.overflow = "hidden";是的,只要用 document.documentElement就原创 2017-10-25 11:29:55 · 6261 阅读 · 0 评论 -
vue 2.0渲染html
使用vue添加文本的时候,我们再也不用像jq一样使用append方法插入后台传过来的标签或者数据了。使用v-text和v-html我们可以轻松搞定一切。 最近在使用vue渲染一段来自后台文本编译器传过来的数据的时候,发现v-html不好用了。代码和图示如下: <div class="protocol-content" v-html="content"></html> new Vue({原创 2017-11-16 14:23:42 · 3882 阅读 · 0 评论 -
解决mac版SourceTree卡顿
mac下的SourceTree,蛮好用的,但是最近发现,打开超级卡,切换分支的时候跟食s了一样,最后发现这样解决其实就好多了。话不多说,直接上图。亲测有效,如果有更好的方法,欢迎留言沟通~...原创 2019-06-03 10:58:08 · 2200 阅读 · 0 评论 -
css实现标题左右横线
直接上代码&lt;div class='title'&gt;快来设置吧&lt;/div&gt;.title { position: relative; font-size: 32px; color: #fff; height: 45px; line-height: 45px; text-align: center; top: 60px;}.title:befo...原创 2018-12-25 11:16:01 · 4845 阅读 · 0 评论 -
基于pick-view时间组件
做一个时间选择器最近需要做一个小程序项目的时候,遇到一个需要将时间选择器暴露在页面的需求。如图:pick view微信小程序提供了一些非常常见的pick组件,但是直接暴露在页面上的,只有pick view组件。因此这边只能使用这个了。原创 2019-01-04 14:03:20 · 596 阅读 · 0 评论 -
vue 报错-- xxx is not a valid attribute name
问题最近在修改一个项目的bug的时候发现一个神奇的bug,点击一个按钮的时候提示 Error in nextTick: "InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '`' is not a valid attribute name."如图: 擦咧,从来没遇到过啊  ̄□ ̄|| G...原创 2018-07-19 16:30:46 · 20003 阅读 · 5 评论 -
angularjs 单个页面只能加载第一个ng-app的解决办法
最近开始接触angularJs,在写一个demo的时候发现一个页面只能加载第一个ng-app,如果有多个ng-app,后面的将不能识别,在网上找了一下,发现了答案,特地将demo发上来,供记录学习。核心解决办法:用angular.bootstrap()装在多个ng-app. 我姓{{firstName}} 我的名叫{{secondName}} 我今年{{age}}岁啦,我原创 2016-08-19 12:18:20 · 585 阅读 · 0 评论 -
使用css3 var变量 实现酷炫button效果
css3 var 变量定义无意中发现 css3的拥有一个自定义属性的功能,利用这个功能,我们可以实现灰常牛逼的功能。如图: css自定义变量的语法是 --* 取名规则也很广,除了$、[、^、(、%都可以取,甚至可以取中文名。。 举个栗子:p { --牛逼颜色: #ff4400; color: var(--牛逼颜色);}咋一看,跟sass 、less变量差不多...原创 2018-06-29 14:09:51 · 2638 阅读 · 0 评论 -
input验证只能输入一个保留两位小数的数字
在input验证的时候,由于一些兼容性的问题,很少会使用h5自带的 input 【type=number】 和 pattern属性。这边有两个现成的方法,来验证input 只能输入整数和可以输入小数,但保留两位小数的方法。/** * 验证input只能输入一个小数点,s首个字符不能为点 * @param {[type]} val input 传入的值 * @return {[ty原创 2018-06-08 13:45:16 · 12232 阅读 · 0 评论 -
ajax 请求后台跨域
坑爹的问题最近在项目中遇到一个跨域问题,坑了好久,查阅了很多资料终于解决了,特此记录。问题描述前端库我这边用的axios。后台是java。前台请求方法是post。token验证放在header里面传到后台。 前端代码如下:axios.defaults.baseURL = getAppParams().host;axios.defaults.headers.comm...原创 2018-06-05 11:20:03 · 625 阅读 · 0 评论 -
css文本溢出裁剪
单行文本超出<p class="single"> 我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多 我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多我的内容好多好多</p>.single { width: 100%; overflow: hidden...原创 2018-04-20 14:02:01 · 3157 阅读 · 0 评论 -
TEXTAREA高度自适应自动展开
需求web开发中,使用textarea的场景非常常见。但是原生的textarea不能根据用户输入的内容来伸缩自己的高度,这个特性感觉很反人类,在一些特定下我们希望它的高度能随着内容自适应,而不出现滚动条。就像下面的图一样。demo图实现代码html<textarea id="textarea"></textarea> js // textarea 自适应高度 function make原创 2017-08-21 13:40:03 · 15590 阅读 · 3 评论 -
利用css3完成switch checkbox按钮
利用css3完成switch checkbox按钮原创 2017-07-06 15:56:57 · 1009 阅读 · 0 评论 -
jquery中attr与prop的区别
在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。 上面的描述也许有点模糊,举几个例转载 2016-07-22 18:11:00 · 289 阅读 · 0 评论 -
把内容分享到腾讯微博
最近项目中需要一个自定义的分享按钮。之前一直使用的是 jiathis 分享插件。后来发现分享到腾讯微博的时候,内容是空的。百度的 ,bshare的 感觉都不是很好用,后来发现分享到腾讯微博用这个 可以完美解决问题,特此记录。原创 2016-06-27 18:03:55 · 371 阅读 · 0 评论 -
[译] 关于CSS中的float和position (父容器div内的子元素div为float时,父元素无法撑开(或高度自适应)的解决方式)
当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需要更复杂的排版要求,可以考略使用其他方法,比如使用相对定位和绝对定位。在这篇文章中,我们首先要讨论元素浮动;然后,我们要讨论如何使用x,y和z轴控制元素的位置。 元素浮动转载 2016-05-06 09:59:13 · 2814 阅读 · 1 评论 -
使用js Math.random()函数生成n到m间的随机数字
本文讲解如何使用js生成n到m间的随机数字,主要目的是为后期的js生成验证码做准备。Math.random()函数返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)生成n-m,包含n但不包含m的整数:第一步算出 m-n的值,假设等于w第二步Math.random()*w第三步Math.random()*w+n第四步parseInt(Math转载 2016-04-19 14:16:27 · 440 阅读 · 0 评论 -
javascript创建对象的几种方式
// 1. 工厂方法:能创建并返回特定类型对象的工厂函数(factory function).function createCar(sColor){var car = new Object(); // 或者 var car = new Object ;// 对象属性car.color = sColor ; // 对象方法car.showColor = function ()转载 2016-03-15 10:40:55 · 309 阅读 · 0 评论 -
Jquery append appendTo after的区别
JQuery有很多插入节点的方法,append ,appendTo和after,prepend, preppendTo,before。以及insertAfter和insertBefore。insertAfter和insertBefore和appendTo,prependTo类似这边就不赘述了。同样为了节约篇幅,只探讨往后插入节点 append ,appendTo和after。append 将节原创 2016-02-23 14:56:32 · 959 阅读 · 0 评论 -
关于background-size各个参数详解
今天公司的要做一个名叫梦幻恋舞的webapp,在设置背景图的时候,明明已经把整个区域的高宽设置成100%了,但是背景图总不能全覆盖整个网页。考虑使用background-size这个属性,在用的时候发现background-size还有好多值,这边特地找一下学习一下。属性名:background-size属性值:* 其中 bg-size = [ |转载 2016-02-23 10:49:34 · 18412 阅读 · 0 评论 -
document.compatMode介绍
对于document.compatMode,很多朋友可能都根我一样很少接触,知道他 的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用,感觉这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样转载 2016-03-31 15:56:44 · 294 阅读 · 0 评论 -
隐藏css中超出TD宽度的字段的方法
今天公司有个活动页面需要将后台数据传入前端页面的td中,之后发现一些奇葩的ID溢出了。如图:,尝试用overflow:hidden 无果。百度后发现可以这么解决word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;加上这么多就可以啦原创 2016-03-07 12:08:18 · 1096 阅读 · 0 评论 -
Jquery hover方法的效果延时处理
top()在语法上有两个参数,分别都是Boolean布尔值。且都是可选的,但是也有规定,如下:$(selector).stop(stopAll,goToEnd)参数:(默认情况下,不写参数,则会被认为两个参数都是false。)stopAll:可选。规定是否停止被选元素的所有加入队列的动画。意思就是如果该参数值为true,则会停止所有后续动画或事件。如果该参数值为false,则只停止被选元素当前执行的动画,后续动画不受影响。因此,该参数一般都为false。goToEnd:可选。规定是否允许完成当前动画原创 2016-03-29 17:48:40 · 3776 阅读 · 2 评论 -
修改浏览器滚动条样式
因工作需要,需要对页面的进度条进行修改。因此查阅了了一大堆文章,终于尝试成功了。如图html代码如下 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 初恋未满 css.sel-zone{原创 2016-07-13 16:02:51 · 500 阅读 · 0 评论 -
怎样通过jq获取元素的真实的高度(包含小数点)
最近在项目中踩到一个坑,顺利解决后,分享一下。在项目中需要获取一个图片的高度,而它的宽度是百分比的,所以得它的高度,则是根据浏览器缩放来定义的。这里我假设这个图片是ele,我是这么获取图片的$("ele").height()但是通过浏览器发现,这个ele实际的高度 假设为 24.13px;通过上面的jq方法,获取到的高度只能是24px !因为还要继续对这个图片的高度进行运算,0原创 2016-09-24 15:56:51 · 1660 阅读 · 0 评论 -
如何将一个url 地址 转化成json格式的对象
不废话,直奔主题有一个 url file:///android_asset/hrfile/html/review/reveiw_cc.html?id=1111&sessionid=ssssssssssssssss&domain=http://10.0.100.110:8080/jeesite/a/需要将后面带参数的东西获取到,可以采用以下的办法: //获取 参数 paramvar原创 2016-12-02 17:31:28 · 10832 阅读 · 0 评论 -
vue props 取名问题
在学习vue的时候,发现一个奇怪的问题。看代码: testP="inputMsg"> Vue.component("v-h3", { props: ['testP'], template: '{{testP}}' }); new Vue({ el: "#app", data() {原创 2017-06-15 11:16:02 · 2301 阅读 · 0 评论