- 博客(65)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 个人学习研究计划
个人平时记录和收集应该去仔细研究和学习的知识和技术。状态空表示未完成个人学习研究计划表 名称 状态 创建时间 完成时间 对应博客链接 CSS3 完成 2019.9.2 2019.9.10 css3系统学习研究 BFC 完成 2019.9.2 2019.9.12 BFC理解与应用 VUE生命周期 ...
2019-09-16 15:44:38
512
1
原创 自使用与总结编码规范（草稿） ，仅供自己参考 坚持更新
html文件：1.所有代码均使用小写字母,中横线2.类名只提供给css使用，js使用的类名前缀为js-;eg:js-classjs文件:1.变量，函数名，推荐使用小写和下横线；入口检测。应该检测类型和值的合法性...
2019-08-28 10:02:55
92
原创 原生 Ajax 细节
1.初识原生AJAXvar Myxhr;//------------创建AJAX对象---------------------if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 Myxhr = new XMLHttpRequest();}else { // ...
2019-08-21 15:21:32
96
原创 ES6 Symbol
Symbol教程1.概述ES6新的原始数据类型Symbol，表示独一无二的值，是JavaScript的第7种数据类型JavaScript数据类型：Symbol，undefined,null,Boolean,String,Number,Objectlet s = Symbol();let s1 = Symbol('s1');//s1只用来区分symbol值注意事项：Symb...
2019-10-22 15:32:26
192
转载 npx 命令
本文作者阮一峰npm 从5.2版开始，增加了 npx 命令。它有很多用处，本文介绍该命令的主要使用场景。Node 自带 npm 模块，所以可以直接使用 npx 命令。万一不能用，就要手动安装一下。$ npm install -g npx调用项目安装的模块npx 想要解决的主要问题，就是调用项目内部安装的模块。比如，项目内部安装了测试工具Mocha。$ ...
2019-09-27 16:54:35
1235
原创 JavaScript页面状态变化判断：刷新，离开，
这里所有相关判断都是pc端的，移动端另寻出路页面离开事件触发多种多样比较常见有onunload，onbeforeunload,pagehide但是怎么判断是离开还是刷新还是没有解决。。。当前tab不关闭通过链接离开当前页面进入其他页面，可以通过history的长度来进行判断是刷新页面还是重新进入，这种判断方法应该始于onload类似事件或类是生命周期结合的if(localSto...
2019-09-27 10:25:46
1533
原创 JavaScript对象遍历 与 function item() {[native code]}
首先引出问题问题代码部分var temp = '';var taskscreen = {}.....for(var item in taskscreen){ if(taskscreen[item]!=''&&taskscreen[item]!='-万'&&taskscreen[item]!='至'&&taskscreen[it...
2019-09-23 16:28:59
3295
原创 webpack注意事项
本文所有代码都在GitHubnpx webpack 打包命令注意，webpack 不会更改代码中除import和export语句以外的部分。如果你在使用其它ES2015 特性，请确保你在 webpack 的loader 系统中使用了一个像是Babel或Bublé的转译器。如果webpack.config.js存在，则webpack命令将默认选择使用它。c...
2019-09-18 20:02:54
193
转载 package.json文件
package.json文件来自《JavaScript 标准参考教程（alpha）》，by 阮一峰概述每个项目的根目录下面，一般都有一个package.json文件，定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。下面是一个最简单的package...
2019-09-18 15:42:40
151
转载 npm使用理解
npm模块管理器来自《JavaScript 标准参考教程（alpha）》，by 阮一峰简介npm有两层含义。一层含义是Node的开放式模块登记和管理系统，网址为npmjs.org。另一层含义是Node默认的模块管理器，是一个命令行下的软件，用来安装和管理Node模块。npm不需要单独安装。在安装Node的时候，会连带一起安装npm。但是，Node附带的npm可能不是最新版本，最好用...
2019-09-18 10:21:45
717
原创 Flex 弹性盒子布局理解
认知和准备解决问题：弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间任何元素都可以指定为Flex布局，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效这张图来自http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html设置为flex...
2019-09-17 14:58:11
503
原创 BFC理解与应用
什么是BFC？块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。个人理解就是BFC的触发会让盒子形成封闭空间与外部元素布局互不影响。BFC触发条件：html根元素（其实BFC就是构造了一个和根元素类似的盒子） 浮动元素：float 除 none 以外的...
2019-09-12 14:58:30
201
原创 CSS3 2D 3D 过度与动画
2D使用transform属性，结合2D变换方法下面代码是基本模板div{ transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -webkit-transform:rotate(7deg); /* Safari and Chrome */}<body> &l...
2019-09-10 18:38:34
137
原创 CSS3 系统学习
边框：圆角：border-radius:4px;推荐使用4px，表示圆角的半径；如果设置为50%，元素就有可能是椭圆或者圆，取决元素的宽和高最多可以有4个值分别确定四个角的圆角，border-radius: 15px/50px;椭圆盒阴影：box-shadow: 10px 10px 5px 5px #888;阴影实现原理：构造一个元素的影子，通过平移影子的位置来实现的第一个...
2019-09-02 18:10:10
548
原创 vue生命周期与浏览器异步操作
问题引入：再vue中使用echart，在created时ajax获取数据，在mounted时初始化echart并绘制图形。在两个时间点均打印数据，都打印准确，但是页面上图形就是没有绘制。观察打印时间节点，表明mounted比ajax请求成功先发生，解决办法ajax使用同步模式，请求回来之前，程序挂起...
2019-08-29 22:30:00
142
原创 获取服务器时间，终极技能
上来就是代码：function getServeDate(){ var d = new Date($.ajax({type:'HEAD',async: false}).getResponseHeader("Date"));//依赖jquery return d;}解析：首先这个ajax请求的一个网站的根路径--->url:'/'getResponseHeade...
2019-08-21 10:37:09
140
原创 JavaScript 防抖
参考：https://github.com/mqyqingfeng/Blog/issues/22应用：防抖主要用来解决高频事件短时间高频触发，带来的一系列的bug，全部代码和解释经过验证，结合自己的理解高频事件：window 的 resize、scroll mousedown、mousemove keyup、keydowndemo：主要修改事件绑定的触发函数，一步一步深入理解...
2019-08-20 19:55:48
274
原创 input type='file' 样式修改大法好
普通的做法，另外写一个按钮的样式，然后将自己写的按钮和这个默认的样式的定位改为重合，并将默认的按钮设置opacity:0，即设置透明度为完全透明，这样就可以在表面上是点击自己定义的样式，而实际上是点击input这个按钮。可是让这两个东西完全重合，是很麻烦的一件事情么，下面进入最简单的方法：1、重写一个新的样式 可以是一个div2、将原始的input标签默认样式设置display:none;...
2019-08-15 09:48:43
1437
原创 select 下拉选择框重写样式
html：<select> <option>20</option> <option>80</option> <option>100</option></select>css：select { /*清除select默认样式*/ appearance...
2019-08-07 11:56:06
876
原创 input type="checkbox" 选择框重写样式
html：<div class="lists-checkbox"> <input type="checkbox"> <label style="position: relative;top: 6px"></label></div>css：.lists-checkbox label{ borde...
2019-08-07 11:05:27
360
原创 Git 常用命令及理解 .gitignore配置规则
目录基本概念：初始化仓库：提交代码：查看创库变化：版本回退和前进：丢掉修改：文件删除：远程仓库：创建合并分支：解决冲突：Bug分支(工作现场)：多人协作：多人协作处理冲突思路：标签管理：.gitignore配置规则基本概念：add之前是工作区,add之后是暂存区，commit之后是本地仓库pull拉取远程仓库，push ...
2019-05-15 11:47:52
1190
原创 vue3.0 实现登陆状态的保持与限制
使用的插件 vuex，axios和vue router项目中部分网页不需要登陆就能访问比如登陆，注册，其他页面的访问则需保持登陆状态，下面这种1.首先配置路由：在router.js中添加meta区分比如登录注册页面，不需要登录即可进入，那么我们把meta中的isLogin标志设置为false{ //登录 path: '/loginweb', compone...
2019-04-13 21:13:45
4154
2
原创 vue-cli 3.0 配置跨域
配置文件为：vue.config.js与package.json，如果没有该文件可以自行创建方案一：只给proxy配置成字符串，验证可用，没有特别的使用，vuemodule.exports = { devServer: { proxy: 'http://1.1.1.1:8000' }}方案二：只给proxy配置成object，还没有使用成功mo...
2019-04-11 14:19:36
1084
1
原创 JavaScript 函数表达式（七）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.function关键字后面的表示符，alert(funcyionName.n...
2019-03-27 01:45:52
114
原创 JavaScript 面向对象的程序设计 （六）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.对象的属性：数据属性和访问器属性。2.数据属性特性：4个特性如果不去修改...
2019-03-23 17:35:18
107
原创 JavaScript 引用类型（五）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.Array通过字面量定义时：var arr = [,,,,,]长度不确定性，...
2019-03-22 17:05:54
89
原创 Javascript 变量，作用域和内存问题（四）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.基本类型和引用类型的值，基本类型在复制时有一个完整的副本，引用类型的值复制类...
2019-03-22 11:09:55
107
原创 JavaScript 基本概念（三）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.标识符规则：第一个字符必须是一个字母，下划线或美元符号；其他字符可以是字母，...
2019-03-20 15:50:26
215
原创 javascript 中各种生僻函数统计
1.Boolean(val)，返回val对应的布尔值 返回值 true，false2.typeof val 返回val的类型，undefined，null，object，number，string，object，function3.isFinite(val) 判读val是否超出计算机数值范围，返回值 true，fasle4.isNaN(val)判断val是不是“不是数值”，NaN表...
2019-03-20 11:47:37
143
原创 网页中使用JavaScript（二）
写在前面的话：本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。<script>标签属性1.async:可选，表示应该立刻下载...
2019-03-16 17:56:12
312
原创 javascript 简介（一）
写在前面的话： 本专栏，主要是用做个人学习使用，主要参考书籍《JavaScript高级程序设计》，主要记录JavaScript学习和使用中的难点和坑点，和主要知识点，很多信息仅作参考使用；本人本专栏的每一篇文章会不断修改和补充和完善，如果您发现有问题和疑问希望大家积极指出，方便我完善文章，谢谢大家。1.JavaScript诞生于1995年。它既是一门非常简单的语言，又是一门非常...
2019-03-16 16:01:41
258
转载 JavaScript 原型与原型链
转载自https://github.com/mqyqingfeng/Blog/issues/2构造函数创建对象我们先使用构造函数创建一个对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中，Person ...
2019-02-25 21:36:20
111
原创 点击事件，点击一次多次发生解决方法
原因：事件绑定在函数体，函数的多次调用进行了调用，但是整个页面没有刷新，导致为元素绑定了多个点击事件解决方法：可以把事件在函数体外。保证在页面不刷新的情况只有一次绑定操作。1.可以利用jquery的one()方法保证事件只能触法一次，这种方法有一个缺点，如果该部分不发生重绘就只能点击一次2.利用函数的执行，进行先解绑再绑定操作保证事件只发生一次$("div").unbind("c...
2019-01-19 14:58:13
1581
原创 mysql 基础常用命令例子
Select * from emp where empno=7900;Select * from emp where ename='SMITH';Select * from emp where sal > 2000 and sal < 3000;Select * from emp where sal > 2000 or comm > 500;select * fr...
2019-01-14 15:13:46
89
原创 form 常规用法，及js控制坑 表单无action属性 submit 事件的用法
1.没有绑定submit事件，数据自动加载到整个页面请求上<form method="post"> <input type="text" name="username"> <input type="password" name="pwd"> <input type = "submit&
2019-01-13 16:45:34
2551
转载 前端常用偏门代码
控制横向和纵向滚动条的显隐？<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显表格变色<TD onmouseover="this.style.backgroundColor='#FFFFFF'&
2018-12-17 23:09:13
259
原创 浏览器标签页图标设置方式
方式一：图片类型可以是ico或者其他突变，ico可以百度进行在线制作<link rel="shortcut icon" href="../../static/chat/images/logo.jpg" type="image/x-icon"/>方式二：如果图片类型为gif<link rel="icon" href="gif_favicon.gif" t
2018-12-17 22:52:19
1984
前端开发用js替换插件
2018-12-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人