- 博客(20)
- 收藏
- 关注
RSS订阅原创 JS时间格式转换
时间转换成yyyy-MM-dd HH:MM:SS格式：function getData(){ var timer = new Date(); var year = timer.getFullYear(); var month = timer.getMonth()+1; var date = timer.getDate(); var hours = t...
2019-12-17 19:37:26
120
转载 deleted操作符
delete操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。var Employee = { firstname: "John", lastname: "Doe"}console.log(Employee.firstname);// expected output: "John"delete Employee.firstname;cons...
2019-11-04 19:54:03
366
原创 layui 无法监听radio
<div class="layui-form-item"> <input type="radio" name="t" value="1" lay-filter="test"/> <input type="radio" name="t" value="2" lay-filter="test"/></div><sc...
2019-09-20 11:13:14
1378
原创 JS 关于this的理解
this是什么？JavaScript中所有的函数都有属性，就如对象有属性一样。函数执行时会获取this属性的值，此时this就是一个变量，储存着调用该函数的对象的值。this这个引用总是指代对象并储存着它的值（只能指代一个对象），一般都在函数或者对象方法里使用，但是也能用在函数外的全局作用域里。需要注意的是，如果在函数里使用严格模式，全局函数里this的值就是undefined。而在匿名函...
2019-08-01 17:10:17
241
原创 JS中arguments、callee、caller的用法
arguments在javascript中每个函数都有一个隐藏的arguments对象引用这函数的实参；用数组下标的方式"[]"引用arguments的元素。function test(x,y){ var num = 0; for(var i = 0; i < arguments.length; i++){ num += arguments[i]; } return n...
2019-07-09 17:07:13
302
原创 JS使用defineProperties修改内部属性
Object中的defineProperties主要功能是用来定义或修改内部属性Object.defineProperties()功能:方法直接在一个对象上定义一个或多个新的属性或修改现有属性，并返回该对象。语法: Object.defineProperties(obj, props)obj:将要被添加属性或修改属性的对象props:该对象的一个或多个键值对定义了将要为对象...
2019-07-01 11:24:43
5013
原创 手动搭建VUE开发环境
1、搭建webpack基础环境1.1初始化项目npm init此时会生成一个webpack.json文件，主要是生成项目的基础信息1.2安装webpack及手脚架npm install webpack webpack-cli -D-D命令要使用大写，否则识别不出来，会默认安装到生产环境中2、开始配置功能2.1配置ES6/7/8转ES5代码npm insta...
2019-06-18 11:05:45
1238
原创 VueJS中使用Vuex
Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来讲就是在state中定义了一个数据后，可以在项目中的任何一个组件上对该数据进行获取和修改，修改后的数据会在全局上相应变更。安装vuex相关依赖npm install vuex --save然后 在src文件目录下新建一个名为st...
2019-06-14 10:53:41
288
1
原创 在vue中去掉格式错误警告
在项目中找到webpack.base.conf.js项目，将...(config.dev.useEslint ? [createLintingRule()] : []),这段代码注释掉
2018-10-09 10:03:59
2587
1
原创 CSS画三角形原理
先看一段代码：<body><style> .triangle { width: 0; height: 0; border-style: solid; border-width: 100px 100px 100px 100px; border-color: red rebeccap...
2018-09-04 16:15:00
4374
1
原创 vue在setTimeout内修改this失效的解决办法
当在vue中使用定时器来修改一个变量值的时候，发现没有效果，这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上，这会使得this指向的是window对象。要想setTimeout指向正确的值，可以使用如下方法：1、使用箭头函数export default { data () { return { left: -9999, ...
2018-08-20 16:01:18
5211
原创 js中prototype属性的理解
像C语言，java等面向对象语言都存在类的概念，而js是不存在类的概念的，它不基于类，而是通过构造函数和原型链（prototype chains）来实现的。ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。基本上，ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程...
2018-08-08 16:52:38
380
原创 关于box-sizing布局
在讲box-sizing属性之前，我们讲一下盒子模型：css的盒子模型包括外边距(margin)、边框(padding)、内边距(padding)、元素内容(content)，如下图在页面上呈现的盒子的宽度和高度为：width = content + padding + borderheight = content + padding + border例如，我们设置一个di...
2018-08-07 16:36:45
333
原创 Mac删除GitHub的某个文件夹
正常情况下我们在本地提交修改到项目到GitHub上到步骤如下：$ git add . //将本地项目进行跟踪，如果只跟踪单个文件，可以用$ git add xxx$ git commit -m "注释标记" //将本地文件提交到仓库中$ git pull //将项目从GitHub拉到本地仓库中，如果此时存在冲突需要解决冲突$ git push ...
2018-08-06 23:59:49
922
原创 在vue项目中使用better-scroll
better-scroll是一个在移动端和pc端都适用的滚动场景需求的插件，是基于原生的js实现，不依赖任何框架。1、安装better-scrollnpm install --save better-scroll安装完成后在package.json文件中的dependecies中会显示安装的插件；2、在组件中引入插件import BScroll from "better-s...
2018-07-20 10:55:54
659
1
原创 js ES6中箭头函数的理解
在ES6中，"=>"是函数的表达式，而且箭头函数是匿名的。如：var lets = a => a*a; console.log(lets(5)); //25相当于function lets(a) { a = a*a; }=>左边的a是函数的参数，右边是函数的声明;当函数中有多个参数时，参数用小括号扩起来，并且每个参数用逗号隔开：var lets ...
2018-07-04 15:52:14
1482
原创 css最好的清除浮动方法
浮动就是让元素脱离了原本的文本流，按照浮动的指定方向进行移动，直到遇到了父级边界元素或者是相邻的浮动元素才会停下。浮动的元素会使得它的高度塌陷，进而影响到布局的正常显示。比如，在不清除浮动的情况下：.box1 { width: 200px; height: 100px; background-color: #e04993; float...
2018-06-26 09:48:55
383
1
原创 关于CSS3的animation动画效果
CSS3的动画效果是用@keyframes 规则来创建的,在@keyframes中写入要改变的css样式,就可以创建一个渐变过程的动画效果.以下为一个例子:.addsucc-tips { animation: change-tip 2s; //change-tip是需要做动画效果的css名称 -webkit-animation: change-tip 2s; ...
2018-06-20 16:05:34
240
原创 关于cookie,localstorage和sessionstorage
cookie:cookie是存在于硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,这个cookie就会起作用.cookie的作用域是同一个域名下的多个网页.cookie的大小限制在4KB左右,通常用于辨别用户的身份数据,跟踪用户行为等功能.默认的cookie的过期时间是浏览器关闭后cookie将会丢失.sessionStorage:sessionStorage是用来存储客户...
2018-06-13 11:10:44
206
1
原创 关于css3的弹性布局
css3引入的弹性布局可以对容器中的条目更方便地排序,对齐和分配空间；弹性布局可以在容器不确定长宽的情况下进行填充,且可以根据窗口的大小来进行自适应.在正常的布局中是区分行内元素和块级元素,他们的排列方式有所不同,而在弹性布局上是不需要考虑元素的排列顺序.弹性布局是对子元素有影响:<style>.content { border: 1px solid #ccc; box...
2018-06-04 17:22:07
671
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人