- 博客(20)
- 收藏
- 关注
RSS订阅原创 原生顶部进度条根据页面滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>进度.
2022-03-03 18:06:16
146
转载 前端兼容性问题
1、在写手机端时必要需要加入meta<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">// （width=device-width），// 初始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。// minimum-scale=1, maximum-scale..
2021-01-14 10:26:49
409
1
原创 能够获取到今天0时0分0秒时间戳，以及今年1月1日0时0分0秒时间戳
vart=newDate();vart_m=t.getMonth();vart_d=t.getDate();vart_h=t.getHours();vart_mi=t.getMinutes();vart_s=t.getSeconds();vartoday=Math.ceil((newDate()-newDate(newDate().getFullYear()...
2020-12-11 14:46:14
551
转载 前端命名规范
下面是常见的命名参考规范：一、主体头部：header内容：content/container尾部：footer导航：nav侧栏：sidebar栏目：column整体布局：wrapper左右中：left / right / center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search
2020-12-03 10:18:33
130
原创 时间戳转换为昨天，前天等时间处理
//时间戳字符串转时间格式字符串 var data = Date.parse(new Date()); var newdata=data-24*60*60*1000*3; console.log(newdata); function fmtDate(obj){ var date = new Date(obj); var y = 1900+date.getYear(); ..
2020-11-11 10:27:17
280
原创 字体rem初始化
(functionflexible(window,document){vardocEl=document.documentElement;vardpr=window.devicePixelRatio||1;//set1rem=viewWidth/10functionsetRemUnit(){varrem=docEl.clientWidth/31.25;docEl.style.fon...
2020-11-06 11:29:13
256
1
转载 Hbuild快捷键
1.文件新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ctrl + Shift + F4 属性 Alt + Enter2.编辑激活代码助手 Alt + / 激活快捷键视图 Ctrl + Shift + L 开启关闭注释整行 Ctrl + / 开启关闭注释已选内容 Ctrl + Shift + / 删除当前行 Ctrl + D 删除当前标签 Ctrl + Shift + T 删除至行首 Shift + Backspace 删除至行尾 Shift
2020-10-07 11:55:39
826
转载 vscode常用快捷键
vscode常用快捷键一、vs code 的常用快捷键列表1、注释： a)单行注释：[ctrl+k,ctrl+c] 或 ctrl+/ b)取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u) c)多行注释：[alt+shift+A] d)多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏ctrl + b4、复制当前行：shift + alt +up/down5、删除当前行：shift + ctrl...
2020-10-03 17:25:45
2116
转载 实现vue头部进度条（NProgress）
添加进度条https://github.com/rstacruz/nprogress给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress :参考github上安装使用如果是 vue ui 可视化面板则步骤如下：点击依赖 -- 右上角的安装依赖 -- 切换到运行依赖 -- 查找对应的插件 （nprogress）这个插件 打开main.js，编写如下代码 //导入进度条插件import NProgress from 'nprogress'//导入进度条样式im
2020-09-13 20:12:35
414
原创 vue实现数据双向绑定的原理
姓名:<span id="spanName"></span> <br> <input type="text" id="inpName"> <script> //2.0 V-model实现原理 let obj = { name: '' }; let newObj = JSON.parse(JSON.stringify(obj)); .
2020-09-13 20:10:06
166
转载 ES6新特性
ES6语法特性1.const与let: 使用var进行变量声明，在函数执行之前，所有的变量都会被提升，提升到函数作用域顶部。 使用let或者const声明变量, 该变量会陷入暂时性死区直到该变量的声明被处理. 使用let声明的变量可以重新赋值,但是不能在同一作用域内重新声明 使用const声明的变量必须赋值初始化,但是不能在同一作用域类重新声明也无法重新赋值.2.模板字面量：模板字符串 在ES6之前,将字符串连接到一起的方法是+或者concat()方法基本的字符串格式化。将表达式...
2020-09-12 21:20:32
84
原创 解决el-cascader级联选择器无滚动条的问题
在做el-cascader级联选择器时，会出现以下这种情况滚动条会消失，原因是因为这里有一个el-scrollbar_wrap的class属性height设置的是100%,如果将他设置为200px则可以解决这个问题，所以，这里需要给el-scroll_wrap Class一个样式，height为200px...
2020-09-06 19:05:45
1248
原创 Vue+element UI进行后台管理平台的开发（一）
1、通过vue ui快速部署vue架构，导入router、axios、vue-cli-plugin-element、babel、eslint等插件和依赖包2、删除一些初始组件并初始化整个项目的配置（路由配置）3、在开发前端之前，先用git将master主分支上传到码云/github（较慢）一、登录界面的开发在componets中创建login组件，主页面主要是一个登录的form表单，需要用到element ui中的elform，具体样式这里就不再描述了，v-model绑定username
2020-08-30 23:05:30
407
原创 Git 出现Fatal: TaskCanceledException encountered.解决方法
添加一句命令 再进行push$ git config –global credential.helper manager然后再$git push origin master
2020-08-16 17:14:19
231
转载 JS继承的几种方式
《JS高级程序设计》提到了6种继承方式1、原型链继承// 原型链继承 function Person(){ this.name = 'xiaopao'; } Person.prototype.getName = function(){ console.log(this.name); } function Child(){ }
2020-08-16 11:49:42
227
原创 出现net::ERR_CONNECTION_REFUSED问题
//用于创建网站服务器的模块consthttp=require('http');//app对象就是网站服务器对象constapp=http.createServer();//当有客户端有请求的时候//request请求response响应app.on('request',(req,res)=>{//获取请求方式res.end('<h2>hellouser</h2>');});app.l...
2020-08-09 19:37:54
3569
原创 JS常用webApi总结
在不用JQuery库的情况下，运用JS原生代码做一些页面效果红色（常见面试题）| DOM1、获取元素 通过ID，Class，TagName,获取，经常使用的是 document.querySelector(),document.querySelectorAll()，如果要获取HTML与Body元素，则用document.body,document.documentElement。2、事件基础 事件有三要素（1，获取事件源、2，事件类型【什么样的事件,例如click，mouse...
2020-08-08 16:57:41
426
原创 H5、CS3属性总结
HTML根元素<html>代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点文档元数据<head>代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。<title>定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。<base>定义页面上相对 URL 的基准 URL。<link>用于链接外部的 CSS 到该文档。<meta>定义其他
2020-08-05 11:39:27
623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人