![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作总结
文章平均质量分 79
godferyZhu
这个作者很懒,什么都没留下…
展开
-
v3+ts慢慢学习之路四【v-for和它当中的key】
v-for中的key使用原创 2022-06-09 13:10:20 · 2135 阅读 · 1 评论 -
uniapp小程序增加自定义字体
仅供自己参考,不做任何讨论在线转换工具 https://transfonter.org/1、在app.vue中引入复制好的字体文件css2、在公共样式文件中,加入一个样式名,以便文件中使用3、 在需要的文件中使用4、如下就是转换的详细步骤,仅供参考。...原创 2020-06-01 15:15:28 · 6222 阅读 · 0 评论 -
uni-icons中添加自定义图标
由于项目需要,uni-icons自带的需求图标无法满足业务需要,故需要增加自定义图标,借此记录以便后期快速添加所需工具http://fontstore.baidu.com/static/editor/index.html# 翻译ttf字体https://www.motobit.com/util/base64-decoder-encoder.asp 把ttf字体编译成base64格式https://www.iconfont.cn/ 阿里字体图标库https://uniapp.dcloud.i.原创 2020-05-11 10:12:47 · 2853 阅读 · 1 评论 -
工作常用的工具类JS+reset.css
var tools = (function() { var _urlIndex = '请求的域名' /** * POST 请求 */ function doPost(url, params, callback, errorCallback) { url = _urlIndex + url; $.ajax({ ...原创 2020-03-20 16:27:34 · 228 阅读 · 0 评论 -
自用vcode插件,仅供自己参考
插件部分先后1,Auto Close Tag 自动关闭标签2,Auto Rename Tag 自动修改尾部标签3,Autoprefixer 自动给css加兼容前缀4,Beautify 代码美丽5,Chinese (Simplified)6,cssrem7,Easy LESS8,HTML CSS Support9,jQuery Code Snippets10,Live ...原创 2019-01-02 16:57:57 · 458 阅读 · 0 评论 -
仪表盘动画设计思路
此次为工作中遇到的一个仪表盘动画,特此把思路写下来,一遍后续好用效果图也就是根据分数不同走到不同的位置思路需要准备刻度图片,底色是白色,刻度位置为透明,绝对定位,设置z-index值在刻度图片下面准备一个颜色的盒子,盒子的宽,高和刻度的一致,绝对定位,设置z-index值并小于刻度的z-index值通过css3的旋转属性,旋转刻度下面的颜色盒子,以来达到颜色的变换计算旋转...原创 2020-02-22 15:36:37 · 571 阅读 · 0 评论 -
计数器动画-ES6语法
此次分享,主要是计数器动画(例如:0-100 会有一个变化的过程)第一步:在项目中创建一个JSclass CountUp { /** * 参数介绍 * 开始值 结束值 小数点 时长 ? */ constructor(startVal, endVal, decimals, duration, options = {}) { Object.assign(this, { ...原创 2020-02-22 14:53:34 · 317 阅读 · 0 评论 -
Vue 2.0 项目中Axios配置不同的baseURL,请求不同的域名接口
Vue 2.0 项目中Axios配置不同的baseURL,请求不同的域名接口项目需求准备工作1, 准备一个utls.js 文件(路径自己存放,我放到main.js同一目录)准备工作2,准备一个公用的common.js文件,并导入的main.js中(路径自己存放,我放到main.js同一目录)第一步,在项目 *main.js* 引入axios和utls.js和common.js第二步,在组件中直接使...原创 2018-11-07 17:26:39 · 30801 阅读 · 22 评论 -
base64 转换成file并上传到服务器上
2,base64 转换成file并上传到服务器上为什么要把base64转换成file在上传呢?原因很简单,就是base64 太大的话,上传太慢了。// 把base64 转换成文件对象function dataURLtoFile(base64Str, fileName) { var arr = base64Str.split(','), mime = arr[0].mat...原创 2019-09-12 15:20:09 · 4723 阅读 · 0 评论 -
日常常用的CSS&JS技巧
工作中常用的css技巧,用于后期快速查询,不分先后。INPUT 输入框数字键盘(移动端)<input type="text" name="mobile" placeholder="请输入手机号码" autocomplete="off" pattern="[0-9]*" maxlength="11" data-required='true'...原创 2019-09-02 11:55:06 · 379 阅读 · 0 评论 -
我理解的JS事件传播(mouseenter,mouseover 理解见代码)
什么是JS 事件事件行为所有dom元素,浏览器都会为之绑定一些默认的事件行为,比如(onclick,onmouseover,onmouseout,onmouseleave,onmouseenter,onscroll,keyup,keydown…)事件绑定我们可以为这些默认的行为绑定对应的方法,让其行为在触发的时候,执行我们绑定的方法.事件传播(事件捕获,事件冒泡)DO...原创 2019-07-22 14:31:37 · 1026 阅读 · 0 评论 -
简版函数防抖+节流理解
函数节流+函数防抖,多数引用于需要频繁触发的某一些事件,比如 resize,scroll,mousemove …等等但是我们触发这些事件的时候,并不希望事件触发的过程中持续去执行对应的函数因此就产生了 防抖和节流的解决方案// 假定dom中有一个div.boxlet box = document.getElementsByClassName('box')[0];// 项目一:...原创 2019-08-02 17:19:05 · 107 阅读 · 0 评论 -
公众号开发之-201903月项目总结
在此立一个flag,每月15日之前发布上一个月的项目总结,以此督促自己坚持本月总共两个项目上线:1、现有公众号页面优化;2、新需求一键匹配开发。1,安卓系统部分机型背景色问题如下是对比(通过对比可以发现同一个页面在不同系统下的显示差异)原因:部分安卓机型上页面的背景色不是白色,需要手动设置。解决方案:最后的解决结果是在body上加上样式背景白色,解决)2,inp...原创 2019-04-15 15:03:23 · 220 阅读 · 0 评论 -
video项目开发之--5月项目总结,css技巧
在此立一个flag,每月15日之前发布上一个月的项目总结,以此督促自己坚持本月上线1个项目:移动端视频点播播放。5月即将上线的项目是在微信公众号中开发公司视频网站,可以在线点击播放视频1,技术选型:本次开发由于在老项目中更新,所以使用的还是jquery项目中用到的插件,swiper4轮播图 + mescroll下拉加载 + artTemplate模板引擎 +H5原生video...原创 2019-05-15 16:34:39 · 245 阅读 · 0 评论 -
H5(移动端)页面软键盘弹起和收起兼容封装2019-6-6
此篇文章只为记录,自己在处理H5页面关于软键盘弹起的不同浏览器平台的兼容问题,方便以后查看。问题1:Android在input输入框调取软键盘输入完,收起的时候出现,不失去焦点?问题2:Android在有多个输入框时且输入框在底部时,软键盘弹起会覆盖掉输入框?问题3:微信6.7.4版本,部分ios系统12.1.1手机(特别是小屏幕手机)键盘收起后不会回到原位,导致键盘原来的位置是空白?...翻译 2019-06-06 15:21:49 · 3057 阅读 · 0 评论 -
HTML meta标签详解
meta标签是HTML中head头部的一个辅助性标签,虽然这部分信息用户不可见,但是其作用非常强大,特别是当今的前端开发工作中,设置合适的meta标签可以大大提升网站页面的可用性。 <!-- 设置文档的字符编码 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device...原创 2019-07-15 18:08:38 · 445 阅读 · 0 评论 -
6月项目总结--浅尝jsp(官网优化),移动端Echarts,mescroll试水,树形插件bootstrap-treeview
在此立一个flag,每月15日之前发布上一个月的项目总结,以此督促自己坚持项目1,官网优化之JSP页面1,先说说我自己对jsp页面的理解:jsp:java sever page 也就是java服务器页面,也相当于我们服务端渲染的页面;jsp构成:html + JSP脚本(java代码片段) + JSP标签jsp语法:<%…%>:Java语句;<%=…%>...原创 2019-07-12 16:44:41 · 463 阅读 · 0 评论 -
你所理解的同源和跨域
Ajax:属于同源策略JSONP:属于跨域策略(但是解决跨域的方案不止JSONP,还有更多的方案,JSONP只是最常用的一种)同源协议域名端口号完全一致才属于同源,否则就是跨域JSONP原理在script的世界中,没有同源跨域这一说,只要你给我SRC属性中的地址是一个合法地址,SCRIPT都可以把对应的内容请求回来;JSONP就是利用了SCRIPT这个原理1)...原创 2019-07-19 09:29:36 · 249 阅读 · 0 评论 -
模拟百度搜索框实现
需求很简单,就是模拟百度搜索框的实现<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-...原创 2019-07-19 10:45:08 · 1422 阅读 · 0 评论 -
js高阶编程之---单例模式,XHR兼容 (惰性思想)
高级js编程,惰性思想:能做一次的,就不会做多次.项目中的单例模式(惰性思想_案例1)var utils =(function(){ // 这就最简单的惰性思想运用,由于下面我很多方法都会来判断是否兼容ie6~8; //所以第一次自执行函数的时候就做了判断, var flag = 'getComputedStyle' in w...原创 2019-07-17 10:45:16 · 179 阅读 · 0 评论 -
小程序开发之--4月项目总结
在此立一个flag,每月15日之前发布上一个月的项目总结,以此督促自己坚持本月上线两个项目:1,现有PC审批系统移动化;2,小程序。一,PC审批移动化项目1, 问题描述:场景:修复微信6.7.4版本,部分ios系统12.1.1手机 ,在自定义模态框中 textarea input 在调起键盘输入完成之后,如果页面有点击确认按钮,会出现点击失效问题。原因:当软键盘隐藏的时候,遮罩层回...原创 2019-05-15 14:43:37 · 212 阅读 · 0 评论