Y.Cheng的博客

一名web前端小白的成长记录
私信 关注
Y__Cheng
码龄5年

...

  • 437,689
    被访问量
  • 51
    原创文章
  • 26,757
    作者排名
  • 173
    粉丝数量
  • 于 2016-01-14 加入CSDN
获得成就
  • 获得281次点赞
  • 内容获得306次评论
  • 获得670次收藏
荣誉勋章
兴趣领域
  • #前端
    #HTTPS#JavaScript#TypeScript#Vue.js#Flutter#Node.js
TA的专栏
  • 前(台)端(菜)
    35篇
  • php
    5篇
  • 微信端
    1篇
  • Mysql
    1篇
  • 小程序
    15篇
  • web
    30篇
  • Vue
    7篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

【小技巧】集合

金额转换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
原创
14阅读
0评论
0点赞
发布博客于 3 月前

【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
原创
116阅读
0评论
0点赞
发布博客于 3 月前

【小程序】分离上传图片、视频

上需求,上传图片视频时:1:让用户自行选择照片或者视频,更方便、更精确上传,如下图2:上传图片限制最多6张,视频最多一个3:上传了图片就隐藏掉选择视频的选项,上传了一个视频就不能继续上传其他图片或者视频4:图片预览、视频预览小程序UI用到的是colorUI,提取出来该部分代码如下WSML// firstType 为控制显示视频还是图片<view class="cu-bar bg-white margin-top"> <view class="action">
原创
25阅读
0评论
1点赞
发布博客于 3 月前

嗯 我认为 前端js是无法达到指定文件目录的

回答的问题 #html网页中 点击按钮下载服务器文件,弹出另存为对话框
回答了问题于 3 月前

前端应该是不能实现你说的功能,浏览器也不会允许你那样干的。借用下楼上的图片,用户只能这里设置,或者如果勾选每次下载询问的话,就会每次弹出选择框在下载,否则就会自动下载到第一次设置好的位置

回答的问题 #html网页中 点击按钮下载服务器文件,弹出另存为对话框
回答了问题于 3 月前

/[^E2564-E2462]+/g

回答的问题 #求正则表达式:匹配不包含"E2564"、"E2462"的字符串
回答了问题于 3 月前

【PHP】php生成小程序二维码与内容分享图

php生成小程序二维码、合成图片本文是在laravel框架下实现首先查看小程序生成二维码的文档,拿到api,这里需要access_token,ok先拿token获取access_token在文档中拿到获取token的api后,配置好小程序appid、secret这里运用的是laravel微信扩展(查看文档EasyWeChat),如下在根目录下.env文件中配置好appid、secretWX_APP_ID = wxxxxxxxxxxxxx5919WX_APP_SECRET = b2768f
原创
239阅读
0评论
0点赞
发布博客于 6 月前

emoji图片压缩包

输入法表情包、emoji表情包图片,可用于小程序,移动端、h5等开发自定义表情输入。方便自己与其他用户下载
zip
发布资源于 6 月前

【微信JS-SDK分享】二次分享失效问题

补上微信分享上遇到的问题:二次分享失效问题首次分享没问题,当点击进去再次分享给别人的时候,这时候的分享就失效了问题原因:二次分享的时候,微信在url后面加上了2个参数 from=groupmessage&isappinstalled=0 参数意思应该是这个链接的分享来源微信这个拼接导致了SDK传url给后台的时候微信端报错误码63002导致分享失败解决:你加参数,我就删你参数第一种:不带参分享链接var url = location.href.split('?')[0];if (ur
原创
329阅读
1评论
1点赞
发布博客于 7 月前

【Mysql】自动递增 初始化排序

初始化自增图中创建班级,发现班级创建的有点多,就删掉了3 3班 高一,就出现了下面自增断层了于是找到了下面的sql语句SET @i=0;UPDATE `class` SET `class_id`=(@i:=@i+1);ALTER TABLE `class` AUTO_INCREMENT=0一:SET @i=0;set @i=0; 或set @i:=1; 使用变量来保存数据,后面可直接使用@i变量二:UPDATE class SET class_id=(@i:=@i+1);这一步已
原创
191阅读
0评论
1点赞
发布博客于 7 月前

【PHP】四、函数(积累)

函数积累(持续更新)empty():判断变量是否为空当一个变量或表达式并不存在,或者它的值等同于false,返回false“” 、0、“0”、NULL、false、array()、$a未赋值变量等等 这些empty()都为空$a = '0';var_dump(isset($a)); // true$a = 'aaaa';var_dump(isset($a)); // falseunset ($a);var_dump(isset($a)); // trueisset()
原创
43阅读
0评论
0点赞
发布博客于 8 月前

【PHP】三、PHP数组(积累)

PHP数组(积累)
原创
41阅读
0评论
0点赞
发布博客于 8 月前

【PHP】二、php字符串(积累)

php字符串类型(选择性记录)引号单引号:定义一个字符串双引号:PHP 会对中间一些特殊的字符进行解析$a = 'red';echo '颜色:$a';echo "颜色:$a";双引号内部的有数组单元,键名不能加单引号会抛异常,只有在花括号情况下键名才能使用单引号$color= array("red", "orange", "blue","childColor" => "purple");echo "颜色:$color[childColor]".PHP_EOL;echo "颜色:$
原创
54阅读
0评论
0点赞
发布博客于 8 月前

小程序检测更新

// 更新小程序 checkUpdateVersion:function(){ if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { // console.log(res) if (res.hasUpdate) { .
转载
177阅读
0评论
0点赞
发布博客于 8 月前

【PHP】一、phpstudy快速搭建环境、服务器简单部署

迷茫了几个月一只没有更新文章了…今天开始记录php的学习以及遇到的问题。这几天在慢慢接触php,也算是第一个php的文章,不管什么语言,要想跑起来,那么必须得有承载他的环境。鉴于时间问题,我选择了phpstudy集成环境方便,快捷。下载地址:phpstudy官网:https://www.xp.cn我选择的版本是:phpStudy 2018版(Windows)后面部署在服务器(window server 2016)上的版本是:phpStudy v8.1版本(Windows)并且php版本我都是
原创
738阅读
0评论
0点赞
发布博客于 8 月前

【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:如果为今年格式...
翻译
158阅读
0评论
0点赞
发布博客于 2 年前

【Ngrok】小米球实践-内网穿透【映射本地到外网访问】

Ngrokngrok 服务可以分配给你一个域名让你本地的web项目提供给外网访问,特别适合向别人展示你本机的web demo 以及调试一些远程的API (比如微信公众号,企业号的开发)小米球这里我使用的是国内免费的小米球(当然充钱更稳定)下载地址:http://ngrok.ciqiuwl.cn/解压目录:使用方法:(如果看不懂小米球官网的使用 我用大白话教你)官网:我的教程:下面...
原创
1794阅读
0评论
1点赞
发布博客于 2 年前

emoji-wxApp.zip

小程序评论区域 添加表情功能
zip
发布资源于 2 年前

【小程序】小程序测试号解绑,重新申请appid空白问题

这几天我不小心在公众平台安全助手公众号里面把我的测试号给解绑了,后果自然是小程序一直无法创建;然后我就想着重新申请。微信小程序测试号申请地址:https://developers.weixin.qq.com/sandbox扫码登录【注意微信开放社区】登录成功你会发现页面中,一片空白,appid和密钥都是空白的,这我还玩个G儿啊,疯狂刷新一波,还是空白。刷新无果,我只好去微信社区准备发...
原创
4725阅读
2评论
4点赞
发布博客于 2 年前

【转】理清client-*,scroll-*,offset-*

offsetWidth offsetHeight offsetLeft offsetTopclientWidth clientHeight clientLeft clientTopscrollWidth scrollHeight scrollLeft scrollTop是时候谈谈它们之间的区别了,是不是已经混乱了?好吧,一步一步来搞清楚这些东西是啥。终于下决心来补上这个坑,俗话说的话:纸上...
转载
89阅读
0评论
1点赞
发布博客于 2 年前

【web】自定义浏览器鼠标右键菜单

我们电脑桌面,文件夹或者浏览器等等一些地方,鼠标左键功能都一样,鼠标右键各有各的功能,都对应各自功能需求而定制的菜单;所以我们也可以定制自己的个性右键菜单,让菜单更美观,更有个性。这里就写出浏览器如何自定义菜单(电脑桌面的呢,抱歉超出了我能力范围了)定制菜单如下:样式的话,因人而异,你们随意发挥了* { margin: 0; padding: 0; }...
原创
3597阅读
0评论
2点赞
发布博客于 2 年前

【正则】容易忽视的正则问题集合

这里将成为我所有正则问题“挖坑”“填坑”的大本营下面是正则表达式的常用方法,方便你们对应 正则方法 test() 检索字符串中指定的值。返回 true 或 false。这个是我们平时最常用的方法。 exec() 检索字符串中指定的值。匹配成功返回一个数组,匹配失败返回null。 compile() compile() 方法用于...
原创
127阅读
0评论
1点赞
发布博客于 2 年前

【小程序】小程序上传照片,拖拽,放大缩小

最近在做的一个关于照片上传打印成相册的小程序,功能主要在用户处理图片,放大缩小,拖拽,不同模板不同表现直至最后打印,过程中碰到很多坑。接下来我主要叙述的路线如下:用户操作 --------------上传图片用户操作 --------------选中图片初始化 -----------------模板 / 用户选择模板 (例如相框,背景模板)图片处理 --------------初...
原创
1846阅读
7评论
5点赞
发布博客于 2 年前

【JS】函数防抖与函数节流

JavaScript函数防抖(debounce)与函数节流(throttle),这两个词听起来高端大气上档次,但是其实在平时做项目的时候,我们都可能不经意用到这中处理方式。我用两种方式解释吧:专业点讲函数防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。函数节流:规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发...
原创
476阅读
0评论
1点赞
发布博客于 2 年前

【小程序】构建npm失败,没有找到 node_modules 目录

小程序从基础库版本 2.2.1 以上就开始支持npm安装第三方包了,看了文档之后,我就吐槽(妈的写这么笼统,坑不死人)。文档:一般我们看了文档后,就会跟着文档走流程,果然就被文档带跑了。首先,如果你按文档走下去:1、执行命令安装npm install2、工具 -&gt; 构建npm恭喜你,将会看到没有找到 node_modules 目录。问题原因:一直开发小程序,没怎么用过npm...
原创
4778阅读
3评论
2点赞
发布博客于 2 年前

【公众号】公众号网页跳转关注微信公众号

关注公众号是所有客户都需要的一个功能,所以如何实现网页中不扫二维码,直接通过点击按钮的形式去关注公众号呢?我们要通过获取一个uinID拼接地址实现跳转关注公众号,那么下面有2种获取他的办法。第一种1.登录微信公众平台,登录进入公众号后,点击查看源代码2.代码顶部就可以看到公众号的基础信息3.复制uin_base64这个ID(每个公众号都是唯一的),我们就是利用这个区直接关注公众号4...
原创
18610阅读
5评论
3点赞
发布博客于 2 年前

【公众号】公众号网页跳转关注微信公众号

关注公众号是所有客户都需要的一个功能,所以如何实现网页中不扫二维码,直接通过点击按钮的形式去关注公众号呢?我们要通过获取一个uinID拼接地址实现跳转关注公众号,那么下面有2种获取他的办法。第一种1.登录微信公众平台,登录进入公众号后,点击查看源代码2.代码顶部就可以看到公众号的基础信息3.复制uin_base64这个ID(每个公众号都是唯一的),我们就是利用这个区直接关注公众号4...
原创
18610阅读
5评论
3点赞
发布博客于 2 年前

小程序加入emoji

小程序类似评论板块,加入emoji功能,点击相应表情,输出相应的字节码
zip
发布资源于 3 年前

javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、__proto__

&amp;amp;lt;script&amp;amp;gt;function Circle(radius) { this.r = radius; this.des = &amp;quot;圆形&amp;quot;; this.showInfo = function () { alert(&amp;quot;这是一个&amp;quot; + this.des); } } function Circle_area(r) {
转载
372阅读
0评论
1点赞
发布博客于 3 年前

【移动端】rem+sass适配所有移动端分辨率

众所周知,现在PC电脑和手机的分辨率是越来越多,适配也就成了需要前端这个职业一个原因,具体有那些主流的可以看下面这这篇文章:PC-移动适配CSS单位说到适配,我们就想到CSS的单位:px,em,rem,vw,vh,vmin,vmax以及不常用到的ex,ch等px : 我们最基础的单位(像素)em : 相对于当前父节点字体的大小 ---- 1em = 父节点字体大小rem: 相...
原创
2349阅读
0评论
1点赞
发布博客于 3 年前

【小程序】自定义导航栏

这个需求要不是UI和我讲有其他小程序实现了,我都还以为小程序还不能做到自定义导航。还好是在设计阶段给出的需求,不然。。。先看看效果吧微信小程序自定义导航栏开始接介绍用法:1:配置app.json扫码都别管,先查看文档window配置然后在app.json设置navigationStyle为custom(自定义导航栏)注意!: 如果这里设置为自定义导航,那么所有页面都会变成自定...
原创
9042阅读
24评论
22点赞
发布博客于 3 年前

【JS】JavaScript作用域总结

一:在JavaScript中变量的作用域分为: 全局作用域 和 局部作用域(函数作用域)1:所有window的属性和方法都属于全局作用域2:只有函数有局部作用域,对象等其他是没有作用域的例如:var x = 11; var obj = { x: 22, methods: { x: 33, say: func...
原创
1085阅读
3评论
5点赞
发布博客于 3 年前

【Vue】Vue微信JS-SDK分享(系列二)

Vue中使用微信SDK,配置分享
原创
8982阅读
2评论
3点赞
发布博客于 3 年前

【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 | ...
原创
4578阅读
0评论
3点赞
发布博客于 3 年前

【Vue】Vue微信授权(系列一)

最近算是吧微信的主要的难点,全是接触了一边了,所以准备写一个系列;微信授权微信SDK的使用,例如分享小程序授权小程序微信支付小程序模板消息不要问我为什么后面是小程序微信支付,小程序模板消息,因为普通微信公众号项目的更本不需要前端去操作太多,直接调取后台接口就可以完成。Vue微信授权这里我们用的是Vue全家桶开发先上一张微信授权流程图片吧: 你可以尝试着跟着这个流程...
原创
31029阅读
20评论
7点赞
发布博客于 3 年前

【小程序】小程序swiper组件实现间距轮播

swiper组件实现出间距轮播先不急着看实现过程,先看看效果图,如果是你想要的效果那请看下面的过程,不是的话也不浪费大家的时间(就是这么体贴唉)。效果图一效果图二如果是你想要的效果,那就继续往下看,不是那就出门右(别)拐(走)吧。一开始想着如果和swiper.js一样,那就好了,看了下文档就放弃了。网上找了一下还是没找到具体实现方法,就开始自己倒腾,就想到css处理了。第一种效果...
原创
18694阅读
14评论
13点赞
发布博客于 3 年前

【小程序】未来七天日期,30分钟时间段

时间上的处理有段时间没弄小程序了,现在又来堆点低级问题处理,需求如下,预定类型小程序的一个页面,之前很少会计算time,应为都是后台返回,但是这次有点特殊,后台不好弄,我就全权接下呗,不怕需求难,就怕需求多啊。 - 状态的简单管理,可选,不可选,选中 - 上面是更具当天得出未来七天日期 - 下面是固定时间段,选中后增加半小时,取消后恢复给看客老爷上图一:选择状态的处理...
原创
3277阅读
5评论
4点赞
发布博客于 3 年前

【Vue】vue中img的src属性绑定问题

问题:img的src属性填写的图片地址,可以正常渲染,但是一旦利用绑定:src属性的时候,图片就加载失败了 需求:鼠标移入切换图片 上一位前端小哥哥,没做这个交互,我接手后加上去,很简答的交互,我替换图片的时候准备三元判断,src需要属性绑定,于是发现同样的地址,我放上去图片就是加载不出来,图片加载不出来,那肯定是地址问题了(插一句:上一位大佬文件结构可能不规范),一般都是static存放...
原创
77931阅读
15评论
22点赞
发布博客于 3 年前

【兼容】浏览器、Ios、Android兼容问题(一直更新)

浏览器差异由于市场上浏览器种类众多,而不同浏览器其内核亦不尽相同,所以各个浏览器对网页的解析就有一定出入,这也是导致浏览器兼容问题出现的主要原因,我们的网页需要在主流浏览器上正常运行,就需要做好浏览器兼容。使用Trident内核的浏览器:IE、Maxthon、TT; 使用Gecko内核的浏览器:Netcape6及以上版本、FireFox; 使用Presto内核的浏览器:Opera7及...
原创
1004阅读
0评论
0点赞
发布博客于 3 年前

【小程序】小程序评论审核后发送弹幕

小程序弹幕需求:小程序实现弹幕功能,然后评论的内容需要审核(需要时间),所以不是及时的出现在弹幕(对我有利)。小程序实现弹幕并不难,主要这次我们的需求并不是用户点击发送就马上出现在视频上,而是审核后才能出现。 先看看小程序的video组件和APIVIdeo组件 API 这里我们要用到danmu-list 下面为他的数据格式,包含了内容(text),颜色(colo...
原创
1986阅读
1评论
0点赞
发布博客于 3 年前

【Emmet】HTML速写之Emmet语法规则

Emmet—写HTML/CSS快到飞起在前端开发的过程中,最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等,头疼。这里推荐一个Emmet语法规则,让你写的时候爽到飞起,能大大提高代码书写,只需要敲一行代码就能生成你想要的完整HTML结构,下面会介绍如何使用。Emmet是一款插件,只要能安装他的编辑器都能使用,大部分编辑器都可以使用该语法规则,我们平时开发的Sublim...
原创
56927阅读
21评论
91点赞
发布博客于 3 年前

常用正则表达式大全

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字...
转载
171阅读
0评论
1点赞
发布博客于 3 年前

【部署IIS】服务器(windows)配置域名与代码部署

如何将写好的代码部署到服务器最初的时候,干的事很杂很杂,所以连域名解析,代码部署,服务器配置域名到需要直接来操作,我是个前端(苦笑.png),和我一样的肯定大有人在。这里先介绍下吧:我们用的都是马爸爸(阿里云)的 服务器 和 域名:云服务器ECS - 实例: 1 核 2GB系列 II通用型 n1 - I/O 优化实例: I/O 优化实例 - 系统盘: /dev/xvd...
原创
9912阅读
2评论
3点赞
发布博客于 3 年前

【Vue】vuecli mock模拟数据+json-server

如果我们的项目利用的是前后端分离的话,前端后台是同时开发的,但是后台接口往往是落后于页面开发的,所以我前端就需要用到模拟的数据来替代后台的接口。现在有很多的mock数据工具,这里我们讲的是json-server,相对于简单,容易上手。开始前提你们肯定应该安装了node了,然后在全局安装json-servernpm install json-server -glinux/ma...
原创
1307阅读
2评论
4点赞
发布博客于 3 年前

【Vue】vue生命周期

vue里的生命周期是什么?vue实例从创建到销毁的过程称之为vue的生命周期vue的生命周期各阶段都做了什么?beforeCreate: 实例创建前:这个阶段实例的data、methods是读不到的created: 实例创建后:这个阶段已经完成了数据观测(data observer),属性和方法的运算, watch/event 事件回调。mount挂载阶段还没开始,$e...
转载
1331阅读
0评论
12点赞
发布博客于 3 年前

【Vue】vuecli父向子传递数据,并且通过sessionStorage保存当前状态

下图部分打码(职业操守),点击产业时会有一个下拉并且底部会有一个黄色线条,选择对应的选项,跳转到对应产业的分类页面说明这里导航栏是一个组件,中间内容也是一个组件,里面包含了1,2,3三个板块,是通过v-if判断显示,所以需要通过父传值到子组件中来判断是选择的是哪一个产业。而且这时候如果你刷新了的话,值会恢复到默认值,底部分黄线就会跑到第一个首页的下面,下面也是一样黄线会跑到1号下面 ...
原创
1937阅读
0评论
1点赞
发布博客于 3 年前

【Vue】vuecli导航守卫动态改变标题(title)

Vue-cli是快速构建单页应用的脚手架,单页所以只有一个index.html入口,只有一个app实例。 但是我们做的项目中,每个页面的标题描述是不同的,又要改变title,所以这里就需要用到导航守卫了Vuecli搭建之类的这里就不详述了…导航守卫:正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由...
原创
10151阅读
4评论
4点赞
发布博客于 3 年前

【Vue】vue脚手架run dev之后如何自动启动浏览器

vue脚手架 npm run dev 启动浏览器之前vue脚手架npm run dev 就会自动启动浏览器,但是现在的脚手架会出现如下图 看图:你的应用程序在这里运行:http://localhost:8080 需要手动 Alt+点击解决办法:找到config文件夹下面index.js文件,里面有个dev方法,修改autoOpenBrowser状态为true。看...
原创
5659阅读
0评论
3点赞
发布博客于 3 年前

【vue】npm run build打包路径问题

直接插入主体 额不 主题我的vue脚手架目录结构如下 有个config文件夹,在index.js中有两个方法一个开发dev,一个生产build。   - dev: 是我们的开发环境,资源使用绝对路径,所以可以正常看到背景图片 - build: 是我们的生产环境,资源使用相对路径,所以会报错一:Vue打包js,css等的路径问题我们打包自然要设置build中的代码了。下...
原创
32867阅读
8评论
5点赞
发布博客于 3 年前

判断鼠标移入移出方向(一)-----事件委托

这个页面鼠标移入移出的效果是昨天写完的,在网上也参考了一些例子,甚至看到了用了数学的点与点之间的距离做的(佩服.gif),数学小白的我还是放弃那种做法,今天来总结下这里思路和过程。首先,会介绍到事件委托: 简单点说就是浏览器绑定事件通过冒泡或捕获机制来向上,向下传播事件。将一个元素的事件,委托给另外一个元素来执行这个事件。效果图 这里你可以看成是一个ul 多个li理解,我是直接...
原创
650阅读
0评论
1点赞
发布博客于 3 年前

判断鼠标移入移出方向(二)-----获取鼠标移入方向

第二部分内容,这里也列出思路,方便承接第一部分。思路1:给li绑定鼠标移入移出事件 2:获取鼠标移入的位置(有用),例:(x,y) 3:获取图片距离浏览器的位置(有用),top,left,height+top,left+width看到这个你们应该就理解了 4:将鼠标坐标与图片距离浏览器的位置相减,例如 x-top,x-(height+top)…等等后面详细讲 5:通过差值获...
原创
1119阅读
0评论
1点赞
发布博客于 3 年前

【小程序】小程序评论板块加入emoji表情

直接上稿: 图中的【笑脸.icon】功能就是类似手机输入法的表情功能,下方升起一个包含很多表情的区域,供选择。我说手机输入法有表情,为什么还需要表情功能呢?(苦笑.gif),UI大佬:不行,这就是表情功能,你写不出来就算了! me:行,我来搞定(不服)。 自己扛的需求,跪着也要写出来啊~ 网上一顿浪,大概了解了思路1:从网上下载好表情包文件 ———点击前往下载高清emoji表情包 ...
原创
16877阅读
150评论
10点赞
发布博客于 3 年前

【小程序】获取到的e.target与e.currentTarget区别

在html中这两个事件属性,很容易让我混淆,小程序中这两个属性也很重要,因此又必要好好深入理解下,让自己分清这两个Dom的属性。这里是MDN给的解释target:一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时。currentTarget:在捕获和起泡阶段,该属性是非常有用的,因为在这两个节点,它不同于 target 属性。它指的是当事件遍历DOM时,标识事件的...
原创
11694阅读
1评论
2点赞
发布博客于 3 年前

【小程序】Web-View 小程序跳转外部链接

写这个是因为,最近小程序的一个需求需要从小程序跳转到客户的官网,或者其他外部报名链接。 如果是以前的话,可能就无法实现,但是小程序的版本更新速度还是可观的,现在既可以跳转外部链接,还可以跳转APP;话不多数,直接上文档:这里需要在小程序后台配置业务域名(不是服务器域名),并且还是https协议开头,不是的话无法添加成功,需要下载一个校验文件放置外部网站的更目录下,可通过ftp传值更目录(让后台去弄
原创
33256阅读
4评论
0点赞
发布博客于 3 年前

【小程序】根据需求下载,预览pdf文件

小程序之wx.downloadFile、wx.openDocument组合使用(二)应为中间还要接手其他的项目,所以时间间隔有点尴尬,接下来接着上一次,继续填坑。 这次需求开始是一个特刊板块,用大背景+滑动切换选择,选择滑动切换的小图,背景背景全景就显示相应特刊图片。直接上图看吧: 都已经做好了!,然后产品问能不能 直接使用pdf在线预览(苦笑。。。),当时是懵的,因为没用过,而且小程...
原创
15871阅读
5评论
8点赞
发布博客于 3 年前

【小程序】解决遍历过程中,类似排名前几个不同的样式处理

小程序之wx:for(一)初次开发小程序,能猜测到会遇到很多坑,所以在此记录,工作中开发小程序遇到的问题,以及如何解决问题的方法。也方便遇到类似问题的小伙伴思路。话不多说,直接上图,上需求需要达到这个效果,一开始遍历出来的结果是这样: 这里wx:for列表渲染就不说了,没有什么问题,正对于标题的问题后来就开始思考如何达到这个效果,想在后台数据中添加状态,感觉太麻烦(放弃)...
原创
2012阅读
0评论
2点赞
发布博客于 3 年前

初探gulp+demo测试例子 (持续更新)

-前言在这里肯定有很多人认为gulp有官方的文档,并且还有中文文档,为什么还要看你的文章了,我想说的是,我写着篇文章并不是要和gulp文档比,我只是对所学的知识的总结和消化,给自己存货,并且有些人可能看不懂gulp官方文档,我这里都是大白话更易于理解。给那些和我遇到同样的问题的你们一些解决问题的办法,大佬请绕道,不浪费各位大佬的时间。————————————————————————分界线——————
原创
420阅读
0评论
1点赞
发布博客于 4 年前

利用php拼接图片,实现水印的效果

利用后台php拼接图片,实现水印的效果前提: 我是个小小小前端,收到老大布置的任务需求如下 - 运行:微信小程序 - 提供图片,处理图片 - 使用自定义输入的问题替换图片中的一些文字 - *保存,分享开始当得到这个任务,第一个想法就是canvas或者图文堆叠,html5的canvs还是做过一些实例,简要说明下,我目前对微信小程序的组件只是了解,API还好点。就兴致勃勃的开始做。先是看小程序
原创
953阅读
0评论
0点赞
发布博客于 4 年前

JavaScript 执行机制

这一次,彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按
转载
438阅读
0评论
0点赞
发布博客于 4 年前

-webkit-scrollbar 滚动条样式设置

大家有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条很酷炫,很高端,就连chrome32.0之后都抛弃了原始的滚动条,明显好看多了,那么浏览器如何自定义滚动条呢?分割线为敬首先: 谈谈兼容性:webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea等滚动条自定义样式,所以用处还是很大的,当然兼容所有浏览器滚动条的样式目前还是不存在的 实例:经
转载
4661阅读
0评论
1点赞
发布博客于 4 年前

谈谈Line-height的深入理解 与 应用

一、前言前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”,是个不错的文章,学到了不少东西,建议您看看。这里,我也要讲讲我对line-height的一些理解,所讲解的东西绝大多数与上面提到的“深入理解css 行高”是不重复的,可以说是补充或是另外一个角度的思考。另外,将结合实际,展示line-height的一些特性和一些常见应用,帮助您对css行高line-height...
转载
6645阅读
0评论
6点赞
发布博客于 4 年前

自学git 常用git(一)

(一)写的是 本地的git库 与一些常用的Git命令,不常用的git 就没写了(二)后面会写 github 仓库的用法秘密:我这有很棒的git视频教程哦  私密我 记得顶一个前言:gitGit --- The stupid content tracker, 傻瓜内容跟踪器。Linus Torvalds 是这样给我们介绍 Git 的。Git是一款免费、开源的分布式版本控制系统,用
原创
382阅读
1评论
2点赞
发布博客于 4 年前

CSS3 range滑块变色

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } input[type="range"]{ -web
原创
2477阅读
0评论
0点赞
发布博客于 4 年前

45个实用的JavaScript技巧、窍门和最佳实践

在这篇文章中,我将分享一组JavaScript的技巧、窍门和最佳实践,这些都是JavaScript程序员应该知晓的,不管他们是使用在浏览器/引擎上,还是服务器端(SSJS——Service Side JavaScript)JavaScript解释器上。【译者注:原文作者总共写了44条(漏写了第3条),译者自己补了一条觉得比较重要的技巧。】需要注意的是,这篇文章中的代码片段都在最新的Goog
转载
159阅读
0评论
0点赞
发布博客于 4 年前

一些冷门的JS技巧 顶

一些冷门的JS技巧   顶!!!前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来。现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地
转载
255阅读
1评论
2点赞
发布博客于 4 年前

JavaScript原型链与继承内容总结

总结 1. JavaScript继承JavaScript继承可以说是发生在对象与对象之间,而原型链则是实现继承的主要方法;1.1 原型链利用原型让一引用类型继承另一个引用类型的属性和方法。构造函数中有个prototype(每个函数中都有),指向他的原型对象,每个原型对象中也有一个constructor属性,指向原构造函数。通过构造函数创建的新对象中都有一个无法直接访问的[[...
原创
7138阅读
2评论
8点赞
发布博客于 4 年前

JavaScript实例 躁动的小球

Document            html,body{            margin: 0;                 padding: 0;            width: 100%;            height: 100%;            background: #000;            overflow: hidd
原创
901阅读
1评论
2点赞
发布博客于 4 年前

JavaScript原型理解总结

总结 1. 函数的原型:每个函数中都有个prototype的属性指向函数的原型,只不过一般的普通函数中的这个属性我们不太关注,一般关注构造函数中的prototype。当创建了构造函数的时候,浏览器中会相应的创建一个原型对象,原型对象也有个constructor指向构造函数。1.1 通过构造函数创建对象:var 对象名=new 构造函数(参数);构造函数创建的新对象中有个[[pr...
原创
278阅读
0评论
1点赞
发布博客于 4 年前

JavaScript 面向对象基础总结

面向对象基础总结​了解了面向对象与面向过程的区别:面向过程就是将一个问题按需要一步一步往下做。而面向对象是将一个问题看成是多个对象,其中包含了属性与方法,当有需要时,就写出相应的方法与功能,在调用。学习了如何创建对象://var 对象名={属性或方法}var p={ //var 对象名={属性或方法};  name:"李四", //属...
原创
247阅读
2评论
3点赞
发布博客于 4 年前