web
文章平均质量分 55
Y__Cheng
...
展开
-
【小技巧】集合
金额转换amountChange(val) { return parseFloat(val).toFixed(2).replace(/\B(?=(\d{3})+\b)/g,',') // 零宽断言 },amountChange(8600) // 8,600.00amountChange(18600) // 18,600.00amountChange(1118600) // 1,118,600.00amountChange(val) { var num = val.to原创 2021-01-28 17:26:58 · 283 阅读 · 0 评论 -
【map】高德地图点聚合—按索引聚合
更具产品需求,需要做一个地图显示房源信息的功能先展示吧:一开始看文档怎么也找不到AMap的IndexCluster插件,只好直接从案例入手了,要想跑通那必须先找案例数据结构,看了下js原来是有2个JSON数据,一个是地区,一个是街道。然后更具需求修改数据结构与信息框内容、样式等等https://a.amap.com/jsapi_demos/static/data/community.jshttps://a.amap.com/jsapi_demos/static/data/district.j原创 2021-01-28 10:14:33 · 3768 阅读 · 10 评论 -
【JS】转译后台传的时间戳
前端涉及道时间的时候,从后台拿数据的时候,不说格式的话,他们(不是所有后台的人都这样)永远给的是时间戳,只有前端自己转译了;下面的代码,可以转译成日期并且可以满足大部分人想要的时间格式 /** * 时间戳转日期 * 1:格式y-M-d h:m:s * 2:格式y-M-d * 3:格式y.M.d * 4:格式y.M.d h:m:s * 5:格式M-d h:m * 6:如果为今年格式...翻译 2019-11-06 10:28:07 · 377 阅读 · 1 评论 -
【Vue】Vue微信授权(系列一)
最近算是吧微信的主要的难点,全是接触了一边了,所以准备写一个系列;微信授权微信SDK的使用,例如分享小程序授权小程序微信支付小程序模板消息不要问我为什么后面是小程序微信支付,小程序模板消息,因为普通微信公众号项目的更本不需要前端去操作太多,直接调取后台接口就可以完成。Vue微信授权这里我们用的是Vue全家桶开发先上一张微信授权流程图片吧: 你可以尝试着跟着这个流程...原创 2018-09-28 17:39:22 · 34316 阅读 · 22 评论 -
【Vue】Vue微信JS-SDK分享(系列二)
Vue中使用微信SDK,配置分享原创 2018-10-25 10:45:09 · 9999 阅读 · 2 评论 -
【JS】JavaScript作用域总结
一:在JavaScript中变量的作用域分为: 全局作用域 和 局部作用域(函数作用域)1:所有window的属性和方法都属于全局作用域2:只有函数有局部作用域,对象等其他是没有作用域的例如:var x = 11; var obj = { x: 22, methods: { x: 33, say: func...原创 2018-10-27 17:27:32 · 1281 阅读 · 3 评论 -
【移动端】rem+sass适配所有移动端分辨率
众所周知,现在PC电脑和手机的分辨率是越来越多,适配也就成了需要前端这个职业一个原因,具体有那些主流的可以看下面这这篇文章:PC-移动适配CSS单位说到适配,我们就想到CSS的单位:px,em,rem,vw,vh,vmin,vmax以及不常用到的ex,ch等px : 我们最基础的单位(像素)em : 相对于当前父节点字体的大小 ---- 1em = 父节点字体大小rem: 相...原创 2018-12-14 18:18:34 · 3104 阅读 · 0 评论 -
javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、__proto__
<script>function Circle(radius) { this.r = radius; this.des = "圆形"; this.showInfo = function () { alert("这是一个" + this.des); } } function Circle_area(r) {转载 2018-12-15 14:38:13 · 654 阅读 · 0 评论 -
【公众号】公众号网页跳转关注微信公众号
关注公众号是所有客户都需要的一个功能,所以如何实现网页中不扫二维码,直接通过点击按钮的形式去关注公众号呢?我们要通过获取一个uinID拼接地址实现跳转关注公众号,那么下面有2种获取他的办法。第一种1.登录微信公众平台,登录进入公众号后,点击查看源代码2.代码顶部就可以看到公众号的基础信息3.复制uin_base64这个ID(每个公众号都是唯一的),我们就是利用这个区直接关注公众号4...原创 2019-01-05 15:34:17 · 24583 阅读 · 5 评论 -
【JS】函数防抖与函数节流
JavaScript函数防抖(debounce)与函数节流(throttle),这两个词听起来高端大气上档次,但是其实在平时做项目的时候,我们都可能不经意用到这中处理方式。我用两种方式解释吧:专业点讲函数防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。函数节流:规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发...原创 2019-04-17 18:02:50 · 680 阅读 · 0 评论 -
【正则】容易忽视的正则问题集合
这里将成为我所有正则问题“挖坑”“填坑”的大本营下面是正则表达式的常用方法,方便你们对应 正则方法 test() 检索字符串中指定的值。返回 true 或 false。这个是我们平时最常用的方法。 exec() 检索字符串中指定的值。匹配成功返回一个数组,匹配失败返回null。 compile() compile() 方法用于...原创 2019-05-10 17:01:31 · 539 阅读 · 0 评论 -
【web】自定义浏览器鼠标右键菜单
我们电脑桌面,文件夹或者浏览器等等一些地方,鼠标左键功能都一样,鼠标右键各有各的功能,都对应各自功能需求而定制的菜单;所以我们也可以定制自己的个性右键菜单,让菜单更美观,更有个性。这里就写出浏览器如何自定义菜单(电脑桌面的呢,抱歉超出了我能力范围了)定制菜单如下:样式的话,因人而异,你们随意发挥了* { margin: 0; padding: 0; }...原创 2019-05-24 11:58:55 · 6980 阅读 · 0 评论 -
【转】理清client-*,scroll-*,offset-*
offsetWidth offsetHeight offsetLeft offsetTopclientWidth clientHeight clientLeft clientTopscrollWidth scrollHeight scrollLeft scrollTop是时候谈谈它们之间的区别了,是不是已经混乱了?好吧,一步一步来搞清楚这些东西是啥。终于下决心来补上这个坑,俗话说的话:纸上...转载 2019-05-24 15:26:20 · 246 阅读 · 0 评论 -
【Ngrok】小米球实践-内网穿透【映射本地到外网访问】
Ngrokngrok 服务可以分配给你一个域名让你本地的web项目提供给外网访问,特别适合向别人展示你本机的web demo 以及调试一些远程的API (比如微信公众号,企业号的开发)小米球这里我使用的是国内免费的小米球(当然充钱更稳定)下载地址:http://ngrok.ciqiuwl.cn/解压目录:使用方法:(如果看不懂小米球官网的使用 我用大白话教你)官网:我的教程:下面...原创 2019-08-19 12:10:35 · 3464 阅读 · 0 评论 -
初探gulp+demo测试例子 (持续更新)
-前言在这里肯定有很多人认为gulp有官方的文档,并且还有中文文档,为什么还要看你的文章了,我想说的是,我写着篇文章并不是要和gulp文档比,我只是对所学的知识的总结和消化,给自己存货,并且有些人可能看不懂gulp官方文档,我这里都是大白话更易于理解。给那些和我遇到同样的问题的你们一些解决问题的办法,大佬请绕道,不浪费各位大佬的时间。————————————————————————分界线——————原创 2017-12-20 18:55:14 · 632 阅读 · 0 评论 -
【web】PC与移动端媒体查询配置
PC端按屏幕宽度大小排序(主流的用橙色标明)分辨率 比例 | 设备尺寸1024*500 (8.9寸)1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; )1280*800(16:10 |15.4寸)1280*1024(比例:5:4 | 14.1寸、15.0寸)1280*854(比例:15:10 | 15.2)1366*768 (比例:16:9 | ...原创 2018-10-11 11:52:51 · 5680 阅读 · 0 评论 -
判断鼠标移入移出方向(二)-----获取鼠标移入方向
第二部分内容,这里也列出思路,方便承接第一部分。思路1:给li绑定鼠标移入移出事件 2:获取鼠标移入的位置(有用),例:(x,y) 3:获取图片距离浏览器的位置(有用),top,left,height+top,left+width看到这个你们应该就理解了 4:将鼠标坐标与图片距离浏览器的位置相减,例如 x-top,x-(height+top)…等等后面详细讲 5:通过差值获...原创 2018-05-22 13:08:38 · 1749 阅读 · 2 评论 -
判断鼠标移入移出方向(一)-----事件委托
这个页面鼠标移入移出的效果是昨天写完的,在网上也参考了一些例子,甚至看到了用了数学的点与点之间的距离做的(佩服.gif),数学小白的我还是放弃那种做法,今天来总结下这里思路和过程。首先,会介绍到事件委托: 简单点说就是浏览器绑定事件通过冒泡或捕获机制来向上,向下传播事件。将一个元素的事件,委托给另外一个元素来执行这个事件。效果图 这里你可以看成是一个ul 多个li理解,我是直接...原创 2018-05-22 13:10:43 · 1005 阅读 · 0 评论 -
【小程序】小程序评论板块加入emoji表情
直接上稿: 图中的【笑脸.icon】功能就是类似手机输入法的表情功能,下方升起一个包含很多表情的区域,供选择。我说手机输入法有表情,为什么还需要表情功能呢?(苦笑.gif),UI大佬:不行,这就是表情功能,你写不出来就算了! me:行,我来搞定(不服)。 自己扛的需求,跪着也要写出来啊~ 网上一顿浪,大概了解了思路1:从网上下载好表情包文件 ———点击前往下载高清emoji表情包 ...原创 2018-05-16 12:58:19 · 19615 阅读 · 148 评论 -
【Vue】vue脚手架run dev之后如何自动启动浏览器
vue脚手架 npm run dev 启动浏览器之前vue脚手架npm run dev 就会自动启动浏览器,但是现在的脚手架会出现如下图 看图:你的应用程序在这里运行:http://localhost:8080 需要手动 Alt+点击解决办法:找到config文件夹下面index.js文件,里面有个dev方法,修改autoOpenBrowser状态为true。看...原创 2018-06-12 11:39:13 · 6576 阅读 · 0 评论 -
【Vue】vuecli导航守卫动态改变标题(title)
Vue-cli是快速构建单页应用的脚手架,单页所以只有一个index.html入口,只有一个app实例。 但是我们做的项目中,每个页面的标题描述是不同的,又要改变title,所以这里就需要用到导航守卫了Vuecli搭建之类的这里就不详述了…导航守卫:正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由...原创 2018-06-13 20:06:57 · 12634 阅读 · 5 评论 -
【Vue】vuecli父向子传递数据,并且通过sessionStorage保存当前状态
下图部分打码(职业操守),点击产业时会有一个下拉并且底部会有一个黄色线条,选择对应的选项,跳转到对应产业的分类页面说明这里导航栏是一个组件,中间内容也是一个组件,里面包含了1,2,3三个板块,是通过v-if判断显示,所以需要通过父传值到子组件中来判断是选择的是哪一个产业。而且这时候如果你刷新了的话,值会恢复到默认值,底部分黄线就会跑到第一个首页的下面,下面也是一样黄线会跑到1号下面 ...原创 2018-06-14 16:46:59 · 2451 阅读 · 0 评论 -
【Vue】vue生命周期
vue里的生命周期是什么?vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么?beforeCreate: 实例创建前:这个阶段实例的data、methods是读不到的created: 实例创建后:这个阶段已经完成了数据观测(data observer),属性和方法的运算, watch/event 事件回调。mount挂载阶段还没开始,$e...转载 2018-06-14 17:10:44 · 1662 阅读 · 0 评论 -
【vue】npm run build打包路径问题
直接插入主体 额不 主题我的vue脚手架目录结构如下 有个config文件夹,在index.js中有两个方法一个开发dev,一个生产build。 - dev: 是我们的开发环境,资源使用绝对路径,所以可以正常看到背景图片 - build: 是我们的生产环境,资源使用相对路径,所以会报错一:Vue打包js,css等的路径问题我们打包自然要设置build中的代码了。下...原创 2018-06-08 12:31:07 · 49932 阅读 · 8 评论 -
【Vue】vuecli mock模拟数据+json-server
如果我们的项目利用的是前后端分离的话,前端后台是同时开发的,但是后台接口往往是落后于页面开发的,所以我前端就需要用到模拟的数据来替代后台的接口。现在有很多的mock数据工具,这里我们讲的是json-server,相对于简单,容易上手。开始前提你们肯定应该安装了node了,然后在全局安装json-servernpm install json-server -glinux/ma...原创 2018-06-23 18:34:09 · 1674 阅读 · 2 评论 -
【部署IIS】服务器(windows)配置域名与代码部署
如何将写好的代码部署到服务器最初的时候,干的事很杂很杂,所以连域名解析,代码部署,服务器配置域名到需要直接来操作,我是个前端(苦笑.png),和我一样的肯定大有人在。这里先介绍下吧:我们用的都是马爸爸(阿里云)的 服务器 和 域名:云服务器ECS - 实例: 1 核 2GB系列 II通用型 n1 - I/O 优化实例: I/O 优化实例 - 系统盘: /dev/xvd...原创 2018-06-29 15:31:41 · 12886 阅读 · 6 评论 -
常用正则表达式大全
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字...转载 2018-07-02 17:39:34 · 232 阅读 · 0 评论 -
【Emmet】HTML速写之Emmet语法规则
Emmet—写HTML/CSS快到飞起在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成你想要的完整HTML结构,下面会介绍如何使用。Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublim...原创 2018-07-16 18:17:31 · 94755 阅读 · 30 评论 -
【兼容】浏览器、Ios、Android兼容问题(一直更新)
浏览器差异由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。使用Trident内核的浏览器:IE、Maxthon、TT; 使用Gecko内核的浏览器:Netcape6及以上版本、FireFox; 使用Presto内核的浏览器:Opera7及...原创 2018-07-18 22:42:24 · 1813 阅读 · 0 评论 -
【小程序】获取到的e.target与e.currentTarget区别
在html中这两个事件属性,很容易让我混淆,小程序中这两个属性也很重要,因此又必要好好深入理解下,让自己分清这两个Dom的属性。这里是MDN给的解释target:一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时。currentTarget:在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。它指的是当事件遍历DOM时,标识事件的...原创 2018-05-14 16:34:12 · 13121 阅读 · 1 评论