随笔分类 - 前端
摘要：#####1、Vscode 安装 Easy-less #####2、扩展文件夹 用everything搜索 mrcrowl-easy-less #####3、复制出来放桌面，然后通过以下步骤用微信开发工具导入扩展插件就OK了 #####4、输出wxss文件 设置=>编辑器设置=>更多编辑器设置=>打
阅读全文
摘要：对于代码格式规范，100%严格执行，严重容不得一点沙。 文件绝不能超过 800 行，超过，一定要思考怎么拆文件。工程思维，就在于拆文件的时候积累。 函数对决不能超过 80 行，超过，一定要思考怎么拆函数，思考函数分组，层次。工程思维，就在于拆文件的时候积累。 代码嵌套层次不能超过 4 层，超过了就得
阅读全文
摘要：1、D2admin 开源地址：https://github.com/d2-projects/d2-admin 文档地址：https://d2.pub/zh/doc/d2-admin/ 效果预览：https://d2.pub/d2-admin/preview/#/index 开源协议：MIT Lice
阅读全文
摘要：$ yarn run serve yarn run v1.22.19 $ vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 error Command failed with exit code 1. info V
阅读全文
摘要：最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是互相转帖，用的都是类似的技巧： text-align:justify; text-justify:inter-ideograph; 但问题是，我怎么就看不到效果呢？无论是英文还是中文，在IE和chrom
阅读全文
摘要：###1、防止恶意重复快速点击 //给按钮添加控制，在control 毫秒内，第一次点击事件之后的点击事件不执行。 //当然时间间隔可以设置，默认为300毫秒。我们无意识的重复点击一般在300毫秒以内。 handleClick(event) { if (this.disabled) return;
阅读全文
摘要：<form method="POST" enctype="multipart/form-data"> <input type="file" name="file" value="请选择文件"><br /> <input type="submit"> </form> 上面的form表单上传会造成页面整
阅读全文
摘要：select、picker、upload等点击类类型的选用trigger的值为change， 普通的input和textarea等输入选用trigger的值为blur
阅读全文
摘要：function detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ra
阅读全文
摘要：####第一步 在项目目录下找到jsconfig.json文件，设置下面代码 // { // "compilerOptions": { // "baseUrl": "./", // "paths": { // "@/*": ["src/*"] // } // }, // "exclude": ["n
阅读全文
摘要：window window.innerWidth//获取窗口内部宽 window.innerHeight//获取窗口内部高，去除菜单栏，边框净宽高 window.outerHeight浏览器窗口的整个高 window.outerWidth//浏览器窗口的整个宽 navigate//浏览器基本信息 n
阅读全文
摘要：提到 setTimeout/setInterval 以及 requestAnimationFrame，大家的第一反应是动画相关的两个 API。 ###什么是web 动画 我们来谈谈什么是动画。动画其实是一种假象，是一种不连续的运动以帧的形式呈现给我 们的东西。在二十世纪，通常人们观看的电影其实就是通
阅读全文
摘要：vue 中直接操作 cookie 以下3种操作方式 set: function (name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); window.document.cookie =
阅读全文
摘要：1、D2admin 开源地址：https://github.com/d2-projects/d2-admin 文档地址：https://d2.pub/zh/doc/d2-admin/ 效果预览：https://d2.pub/d2-admin/preview/#/index 开源协议：MIT Lice
阅读全文
摘要：1、 小程序官方自定义字体文档 2、使用自定义字体传送门准换为base64，使用方法跟字体图标iconfont一致
阅读全文
摘要：页面 <!-- wxml--><view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" wx:for="{{list}}" wx:key> <view class="
阅读全文
摘要：微信小程序转发涉及以下4个方法： 1、Page.onShareAppMessage({}) 设置右上角“转发”配置，及转发后回调函数返回 shareTicket 票据 2、wx.showSahreMenu() 用户点击右上角后，显示“转发”按钮 3、wx.hideShareMenu() 隐藏转发按钮
阅读全文
摘要：HTML中Form表单的reset方法被用来重置用户所输入的内容，以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的，reset方法的本质是将input等输入项中的内容还原为属性value中的值，而不是“”空值。 如果input初始value值不为""空值，那么会重置为最开
阅读全文
摘要：map和area 标签配合img标签制作分区超链接效果 http://www.w3school.com.cn/tiy/t.asp?f=html_areamap
阅读全文
摘要：文字去掉默认抛边 line-height:1; 单行超出隐藏，不换行，省略号 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 两行超出隐藏，不换行，省略号 text-o
阅读全文
