前端
文章平均质量分 68
Harriet嘉
前端 こんにちは、世界
展开
-
SVG学习
font-family、font-style、font-weight、font-variant、font-stretch、font-size、font-size-adjust、kerning、letter-spacing、word-spacing和text-decoration。线性渐变的stop节点通过指定位置的offset属性和stop-color属性来说明在渐变特定位置上是什么颜色,偏移量应该始终从0%(0)开始到100%(1) 结束。如果后面存在额外的字符,耗尽他们最后一个字符之后放置的位置。原创 2023-03-13 09:11:11 · 558 阅读 · 0 评论 -
iframe使用
Theiframetag allows us to embed content coming from other origins (other sites) into our web page.iframe标签允许我们将来自其他来源(其他网站)的内容嵌入到我们的网页中。Technically, an iframe creates a new nested browsing context. This means that anything in the iframe does not inte..原创 2021-04-26 13:47:26 · 2070 阅读 · 0 评论 -
npm 更换源
更换仓库源:淘宝的仓库源:npm config set registry https://registry.npm.taobao.org/npm官方仓库源:npm config set registry http://www.npmjs.org发布包的时候npmjs的网址:npm config set registry http://registry.npmjs.org/参考...原创 2020-02-03 21:42:28 · 401 阅读 · 0 评论 -
vue2.0+ 移动端 部分较低版本系统手机出现的白屏问题
最近的项目中遇到了有些低版本系统(如ios<11)会出现白屏问题。首先要知道的时候白屏问题应该是js报错 js运行中断 一些router进的页面也没发加载,而这些js大都是因为不支持es6语法而导致的。那知道怎么知道你的js是否报错了呢,因为我们开发调试的时候大都用Chrome,Firefox这样的浏览器,内核较为先进,不会因为不识别es6而报错。所以首先用你的微信pc客户端自带的浏览器...原创 2019-11-07 10:40:19 · 1476 阅读 · 0 评论 -
关于webpack升级和打包
webpack1.0升级(搭配的是vue)首先要了解webpack每个配置的作用,主要参考下面的链接:https://www.cnblogs.com/libin-1/p/6596810.htmlhttps://www.jianshu.com/p/0bd6d0df79fbhttps://juejin.im/post/5bd9838df265da393c06033a因为原本webp...原创 2019-11-02 21:12:30 · 305 阅读 · 0 评论 -
git clone时报RPC failed; curl 18 transfer closed with outstanding read data remaining 错误
原因1:缓存区溢出解决方法:命令行输入git config http.postBuffer 524288000执行上面命令如果依旧clone失败,考虑可能原因2:网络下载速度缓慢解决方法:命令行输入git config --global http.lowSpeedLimit 0git config --global http.lowSpeedTime 999999如...原创 2019-10-02 23:33:03 · 211 阅读 · 0 评论 -
小程序+瀑布流
<view class="video-list"> <view class="ul" style="display: none"> <view class="li" data-item="{{item}}" catchtap="toVideo" wx:for="{{videoList}}" wx:key="{{item.id}}"> <...原创 2019-09-26 18:29:47 · 600 阅读 · 0 评论 -
localStroage
一、什么是localStroage、sessionStroage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同二、localStroage的优势...转载 2019-08-05 11:38:28 · 478 阅读 · 0 评论 -
vue的微信语音功能,录音+对接口返回amr音频播放
vue的微信语音功能,录音+对接口返回amr音频播放最近的新项目需要调用微信的录音功能,但是后台又不给音频转码,无奈之下就踏上了研究前端音频编码器这东西。...原创 2019-05-05 17:11:53 · 4069 阅读 · 2 评论 -
webpack配置笔记
webpack核心: 常用的loader: babel-loader、ts-loader 样式相关 style-loader、css-loader、less-loader、postcss-loader 文件相关 file-loader、url-loaderpath.resolve() 方法会把一个路径或路径片段的序列解析为一个绝对路径Bro...原创 2018-11-15 10:04:15 · 364 阅读 · 0 评论 -
nvm介绍及使用
一、介绍 我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的node版本进行试验和学习。这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,而nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换,而这个正是nvm的价值所在,详情可以查看官网NVM官网。二、安装nvm1、NVM下载...转载 2018-08-24 16:29:41 · 4978 阅读 · 1 评论 -
JS如何限制文本框只能输入小写的金额,且首位不能输0,小数点后只能输入2位
其实要实现这种,有两种方法。一种是在用户输入完成后对数据进行验证,另一种用户实时录入时,对实时录入的值进行强制更改。那么我把这两种各写了一个函数,你了解一下看看,里面有说明,当然,两个你也可以同时使用,效果极佳:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515...转载 2018-07-03 18:50:27 · 539 阅读 · 0 评论 -
JS基础——语法
JavaScript:用来在页面中编写特效的,和HTML\css一样都是由浏览器解析的JavaScript语言 一、JS如何运行(javascript,jscript,vbscript,applet...) 默认: <script language="javascript" type="text/javascript"></script> 二、输出 alert(...原创 2018-03-14 22:26:19 · 139 阅读 · 0 评论 -
JS基础——事件
var oEvent=ev||event;这一句这么写是要兼容各个浏览器,在FireFox浏览器中,事件绑定的函数要获取到事件本身,需要从函数中传入,而IE等浏览器则可以直接使用event或者window.event得到事件本身。这一句的用途:需要获取和事件相关的信息时使用。如:获取键盘按下或弹起的按键获取鼠标的位置坐标获取出发改事件的元素获取事件名称获取事件当前的传播阶段获取事件生成的日期时间至...原创 2018-03-14 22:28:17 · 126 阅读 · 0 评论 -
JS基础——BOM
BOM浏览器对象一、浏览器本身自己就有一些对象,不用创建就可以使用window:当前浏览器窗体的 属性: status 状态栏 opener 在子窗体中代表父窗体的对象 closed parent top 方法: alert( ); confirm( ); 弹出确定框 setInterval("表达式"或者function( ){ },1000); 1000毫...原创 2018-03-14 22:29:49 · 122 阅读 · 0 评论 -
JS基础——DOM
一、DOM 作用: Dom (Document Object Model) 1、document 文档 HTML XML文件 (标记语言) <body> <div> <a>www</a> </div> </body> 2、Object对象(HTML元素转成的对象(js对象)) 注意:如果使用...原创 2018-03-14 22:30:37 · 132 阅读 · 0 评论 -
命名规范
全名原则变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出值的类型尽量避免使用没有意义的命名禁止使用JavaScript关键词、保留字全名变量名命名方法常见的有匈牙利命名法、驼峰命名法和帕斯卡命名法匈牙利命名法匈牙利命名法匈牙利命名法是电脑程序设计中的一种变量命名规则,此命...原创 2018-03-14 22:32:19 · 183 阅读 · 0 评论 -
响应式网站-弹性图片
实现响应式图片有一下几种方法:1、js或者服务端2、secset3、srcset配合sizes4、picture5、svg1、首先来看一下js的演示代码$(document).ready(function(){ function makeImageResponsive(){ var width = $(window).width(); var img = $...原创 2018-03-22 15:18:13 · 1299 阅读 · 0 评论 -
清除浮动的4种方法
.container{ background-color: #ccc; } p{ font-size: 1rem; margin-top : 1rem; }<div class="container"> <h3>Test</h3>...原创 2018-03-23 23:28:10 · 215 阅读 · 0 评论 -
响应式布局——媒体查询media参数以及其兼容性问题
一、设置meta标签在使用媒体查询media之前我们需要先设置meta标签,对设备的缩放等参数进行设定。<!--设置缩放和绘制--> <meta name="viewport" content="width=device-width, initial-scale=1,minmum-scale=1,maxmum-scale=1,user-scalable=no"> 参数...转载 2018-03-31 15:42:19 · 1521 阅读 · 0 评论 -
使用git将项目上传到github
首先你需要一个github账号,所有还没有的话先去注册吧!https://github.com/我们使用git需要先安装git工具,这里给出下载地址,下载后一路直接安装即可:https://git-for-windows.github.io/1.进入Github首页,点击New repository新建一个项目 2.填写相应信息后点击create即可 Repository name: 仓库名称De...转载 2018-03-31 17:48:45 · 153 阅读 · 0 评论 -
响应式布局之 DPR (Device Pixel Ratio)
最近在了解响应式布局:flexible grid layout(弹性网格布局),flexible image(弹性图片),media queries(媒体查询)。在看到DPR这个词的时候就有点懵逼了,于是找度娘:实际上像素分为两种:设备像素和CSS像素 1、设备像素(device independent pixels): 设备屏幕的物理像素,任何设备的物理像素的数量都是固定的 2、CSS像素(...原创 2018-03-21 23:01:02 · 1157 阅读 · 0 评论 -
javascript变量类型
值类型:Number String Boolean undefined引用类型:对象、数组、函数 强制类型转换1、字符串拼接 var b = 100 + "10" => 100102、==运算符 100 == '100' => true 0 == '' => true null == undefined => true3、if语句 ...原创 2018-04-30 11:33:45 · 180 阅读 · 0 评论 -
JS中判断JSON数据是否存在某字段的方法 JavaScript中判断json中是否有某个字段
方式一 !("key" in obj) 方式二 obj.hasOwnProperty("key") //obj为json对象。例如:var jsonworld_pose = JSON.parse(data[0].world_pose); var jsonorientation = jsonworld_pose.orientation; //次处可能为undefined ...转载 2018-06-12 10:54:39 · 7811 阅读 · 0 评论 -
js根据银行卡号判断属于哪个银行,并返回银行缩写及银行卡类型
转载自:https://www.cnblogs.com/zhoubingyan/p/8334981.html在做绑定银行卡,输入银行卡的时候,产品有这么一个需求,需要用户输入银行卡号的时候,显示对应的银行卡名称及简称。于是苦苦寻觅,终于找到了支付宝的开放API,银行卡校验接口 https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?card...转载 2018-07-02 11:35:13 · 4214 阅读 · 3 评论 -
js防止按钮频繁点击
var checkClick = function() { var clicktag = 0; $("#").click(function () { if (clicktag == 0) { clicktag = 1; setTimeout(function () {clickt...转载 2018-07-10 15:47:26 · 2933 阅读 · 0 评论 -
jquery的ui插件,ajax学习和使用
最近的一个星期学习了jquery UI的插件,动手做了个例子,使用的是jquery UI基本的样式,可以去官网下载其他的样式和颜色。有需要的可以在我的github下载:https://github.com/harrietjia/harriet_front_end.git整体效果:button:$('.btn').button({ icons : { primary : 'ui-icon-...原创 2018-03-14 22:09:55 · 506 阅读 · 0 评论