自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

丁大聪明的博客

当对幸福的憧憬过于急切, 那痛苦就在人的心灵深处升起

  • 博客(21)
  • 收藏
  • 关注

原创 Git 常用命令

master分支开发第一次git clone ssh地址以后开发前git pull 如果远程仓有其他同事提了新代码,拉一下,获取最新项目代码开发完成git add . 在工作区开发好,把工作区的文件全部上传到暂存区git add app* 把a工作区app文件下的所有文件上传到暂存区git commit -m ‘写了个列表’ 暂存区内容上传到本地仓库git pull 把远程仓代码拉到本地仓库git push 把本地仓库提到远程仓release分支开发第一次git clone s

2020-08-14 15:46:24 172

原创 Taro ui Tabs组件固定到页面顶部

Taro ui Tabs组件固定到页面顶部方法一方法二直接上代码了,有问题评论区交流,写的不明白的我再改。亲测有效方法一// css.case-tab { position: fixed; top: 0; left: 0;}// 获取可视区高度componentDidMount () { const info = Taro.getSystemInfoSync() const { windowHeight, statusBarHeight, titleBarHeigh

2020-08-03 17:53:16 2575 1

原创 js高级

JS高级

2020-03-19 08:14:04 216

原创 JS基础浓缩

JS基础浓缩1.`JS`是一种运行在客户端的脚本语言2.`js`分为三个部分3.注释4.常见的输入输出语句5.计算机的组成6.变量(可以变化的量)7.js里的数据类型1.JS是一种运行在客户端的脚本语言客户端: 相对于服务端, 暂时理解为浏览器脚本语言: 源代码 --> 预解析 --&am

2020-03-19 08:13:28 122

原创 用vue开发老项目

用vue开发老项目一、原项目结构二、技术栈三、需求四、改造后的页面五、request.js 接口文件一、原项目结构htmlcssjsimagesfont没有项目管理工具二、技术栈js + jquery三、需求在老项目的基础上,增加新的页面。由于jquery玩的不熟,且包比较重,所以想加入vue来改造成自己习惯的技术栈四、改造后的页面<!DOCTYPE html...

2019-09-05 10:56:20 1238

原创 移动端禁止遮罩层滑动

移动端禁止遮罩层滑动一、需求描述二、问题描述三、解决办法一、需求描述点击按钮,触发遮罩层,让其覆盖整个屏幕。二、问题描述遮罩层很好写,在dom根结构上写个盒子,宽高100%… 在移动端打开,问题来了,这个100%的盒子,会被tuchmove。这样用户体验很不好,一move,上下就有白条啥的。好丑.shade { width: 100%; height: 100%; z-ind...

2019-08-30 14:12:17 397

原创 vue3.0打包以后展示空白页(history模式转回哈希值模式)

vue3.0打包以后展示空白页(history模式转回哈希值模式)一、问题描述二、原因三、解决办法1. 项目根目录添加一个`vue.config.js`文件2. `router.js`文件一、问题描述构建项目的时候,好奇心驱使,选了history模式。 效果就是地址栏的‘#’没了。开发过程中没啥影响,就是打包以后,dist文件夹里的index.html打开能加载很多静态文件,就是渲染不出内容,...

2019-08-30 13:56:47 1919

原创 枚举

枚举参考文献参考文献

2019-06-12 17:56:48 112

原创 vue神奇的地方

vue神奇的地方一、根据不同的状态, 展示不同的字体颜色一、根据不同的状态, 展示不同的字体颜色:style="`color: ${item.status === 1 ? 'rgb(71, 139, 242)' : 'rgb(252,28,28)'};`" 这个模板字符串神奇爆了<form-preview class="one-txt-cut" :header-label="...

2019-06-03 15:46:56 195

原创 前端压缩图片 -- vue项目使用localResizeIMG插件 -- 实例

前端压缩图片 -- vue项目使用localResizeIMG插件 -- 实例本博没有新的东西, 都是东拼西凑的. 但是, 组合出了个宝贝, 包括: 文件类型/宽高/大小的校验, 还有展示图片参照博客: https://blog.csdn.net/qq_34794264/article/details/80278243这位博主详细的介绍了localResizeIMG插件的安装, 引用, 使用,...

2019-06-03 14:19:34 2088

原创 命令行查看node版本

node -v

2019-04-08 11:11:29 9044 2

原创 pc端兼容

兼容一、事件事件对象event事件对象的target属性(事件目标)事件方法event.stopPropagation() 阻止冒泡和捕获二、DOM阶段innerText 获取元素的内容children 获取子元素们nextElementSibling 下一个兄弟元素firstElementChild 第一个子元素一、事件事件对象event一般浏览器会将事件对象, 传递到事件处理函数中. 但...

2019-03-05 17:32:08 564

原创 vue中切换页面时让目标页面的滚动条自动滚动到顶部的方法

vue中切换页面时让目标页面的滚动条自动滚动到顶部的方法情景描述解决办法(针对单个页面这个问题的)针对全部页面的话, 可以在路由的钩子函数中设置(main.js中)情景描述页面 /a, 有输入框, 当输入框输入合适的值的时候, 不隐藏软键盘, 点击相应按钮直接跳到 /b页面 /b, 页面本来内容很少, 没有滚动条的, 可是莫名的被下方的灰色区域顶到可视区上面, 内容被隐藏了一点, 但是...

2019-02-28 16:14:44 10308 2

原创 快捷键

VS快捷键shift+enter 切换到下一行end 光标定位到本行代码末尾div#app tab =&gt; &lt;div id="app"&gt;&lt;/div&gt;div.hh tab =&gt; &lt;div class="hh"&gt;&lt;/div&gt;sc tab =&gt; 生成vue模板! tab =&amp

2019-02-18 17:17:27 191

原创 事件

事件input框input框onfocus 获取焦点onblur 失去焦点

2019-02-18 15:16:31 126

原创 遍历

遍历1. 遍历数组2. 遍历对象1. 遍历数组方法一:for(var i=0; i&amp;amp;amp;lt;arr.length; i++){}方法二: 比方法一效率高for(var i=0, leng = arr.length; i&amp;amp;amp;lt;leng; i++){}2. 遍历对象...

2019-02-18 14:14:18 225

原创 收集移动端iOS和Android兼容性问题

移动端iOS和Android兼容性问题收集一、h1/h2/h3/h4/h5/h6标签样式二、Date.parse(日期格式)三、flex布局四、倒计时一、h1/h2/h3/h4/h5/h6标签样式Android: 有加粗字号加大的效果iOS: 没有以上效果解决办法: 在基础样式中, 如下设置h1, h2, h3, h4, h5, h6 { margin: 0; padding: ...

2018-12-11 10:04:33 1788

原创 移动端输入密码时调用英文软键盘

&amp;amp;lt;input type=&amp;quot;password&amp;quot;&amp;amp;gt;对, 你没有看错, input-type的值设置为password即可. 亲测有效, 如果无效, 刷新一下设备浏览器即可. Android和苹果都支持, 完美~这篇内容太少, 不过瘾. 再来个只有Android支持的吧! 这个正则我很喜欢, 字母数字特殊字符~&amp;amp;lt;input type=&amp;quot;te

2018-12-04 18:12:04 3207 2

原创 input file onchange事件不触发(第二次上传同名文件)/文件上传也可参考

html &amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;input-box&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;input type=&amp;amp;amp;quot;file&amp;amp;amp;quot; name=&amp;amp;amp;quot;feature&amp;amp;a

2018-12-04 16:02:57 8441 1

原创 表单校验

正则1.用户名:首位必须是字母,只能输入数字字母下划线,允许5-20字节2.工号:只能输入10个数字(长度必须是10位)3.角色名称:2-20个中文4.指导价格:大于0的数字或小数(小数最多2位)5.保留两位小数1.用户名:首位必须是字母,只能输入数字字母下划线,允许5-20字节let reg = /^[a-zA-Z][a-zA-Z0-9_]{4,19}$/;if(reg.test(val...

2018-11-14 15:58:32 670

原创 jQuery进度条插件circleChart.js高分屏模糊问题

只需要设置两个地方:1.限制canvas画布展示在屏幕上的css大小。(无论canvas画布多大,都会被缩放到正好塞进css的宽高40px)2.将canvas画布设置为css大小2倍&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&q

2018-09-11 10:56:19 1224 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除