- 博客(36)
- 收藏
- 关注
RSS订阅转载 JS怎样做四舍五入
1 、tofixed方法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的是银行家舍入规则，银行家舍入:所谓银行家舍入法，其实质是一种四舍六入五取偶（又称四舍六入五留双）法。具体规则如下：简单来说就是：四舍六入五考虑，五后非零就进一，五后为零...
2019-08-27 14:06:00
200
转载 如何将多个对象合并为一个对象
一、Object.assign()Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 并且源对象也会被修改。 const target = { a: 1, b: 2 }; const source = { b: 4, c: 5 }; const returnedTarget = Object.assign(...
2019-08-08 08:57:00
2210
转载 JS节流和防抖函数
一、 实现一个节流函数//思路：在规定时间内只触发一次functionthrottle(fn,delay){//利用闭包保存时间letprev=Date.now()returnfunction(){letcontext=thisletarg=argumentsletnow=Date.now()if...
2019-08-05 08:29:00
205
转载 小程序和wepy做循环渲染如何点击拿到相对应的值
数据和其他的就忽略，简单上手，wepy的for渲染方式改成对应的就行，传参触发不用改<view wx:for="{{list}}"> {{item.title}} <view bindtap="pullDetail"> {{item.content}} </view></view>需要触发readDetail事件时，...
2019-07-12 10:32:00
303
转载 wepy怎么在生命周期中调用methods方法
很简单：比如在 onLoad () { imgRemove(e){this.methods.onRemove(e)}}在methods中就可以直接调用属于它的方法，主要是一个属性查找问题，属于哪个元素下的方法methods={ onRemove(e){console.log("-...
2019-07-09 17:58:00
452
转载 为什么wepy的数据无法渲染到实例里面去
为啥明明WEPY是将数据渲染到视图还会出这个问题呢？因为只是类似于 Vue 框架，所以不能完全实现数据渲染，尤其当异步操作的时候。（1）WePy 普通数据绑定。WePY使用脏数据检查对setData进行封装，在函数运行周期结束时执行脏数据检查，一来可以不用关心页面多次setData是否会有性能上的问题，二来可以更加简洁去修改数据实现绑定，不用重复去写setData方法。代码如...
2019-07-09 17:29:00
222
转载 如何打造一个前端知识的框架
将前端知识分成了四个模块：JavaScript；CSS 和 HTML；浏览器实践；前端综合应用。前三个模块是前端的基础知识，是个人的前端能力提升，而模块四则是前端团队发展相关的内容，有助于你和团队的整体提高。在JavaScript 部分中，主要从文法和运行时的角度去讨论 JavaScript 语言。它们是互相关联的，而语义就是文法到运行时之间的桥梁；简单...
2019-07-05 17:39:00
124
转载 Promise里的代码为什么比setTimeout先执行
当浏览器或者Node拿到一段代码时首先做的就是传递给JavaScript引擎，并且要求它去执行。然而，执行 JavaScript 并非一锤子买卖，宿主环境当遇到一些事件时，会继续把一段代码传递给 JavaScript 引擎去执行，此外，我们可能还会提供 API 给 JavaScript 引擎，比如 setTimeout 这样的 API，它会允许 JavaScript 在特定的时机执行...
2019-06-13 14:17:00
106
转载 做前端的你还没用这些软件？？ out 啦
1、 编辑器写代码只是生产软件过程中的一环。无论是数据结构、编译原理、操作系统还是组成原理都是编码的重要基础，试问没有学过编译原理的人能够针对性地进行编译优化吗？不懂操作系统的人能玩得转linux吗？当然 nonono咯对于编辑器来说这就好像一个木匠，只会使用斧子、锯子这些工具，是做不出好的家具一样。接来下我们谈谈前端开发的一些惊天利器。话说大家还在用那么古老的什么DW（全称...
2019-06-07 23:01:00
102
转载 npm 和 cnpm 的区别，你真的搞懂了嘛
1、 npm 和 cnpm 的区别相信很多人都不太明白 npm 和 cnpm 到底是什么东东， 为啥在国内要用 淘宝镜像使用 cnpm，（1） 两者之间只是 node 中包管理器的不同哟，（2） npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的cnpm(gzip 压缩支持) 命令行工具代替默认的npm:（3）如果因为网络原因无法使用npm下载...
2019-03-01 12:31:00
1483
转载 经典瀑布流布局
最近公司写的项目用到了瀑布流布局，虽然以前也一直用过但是没有好好整理 ~ 大家肯定都不想只做一个搬砖的瓦匠对吧，所以我们写代码不要只仅仅是写出来，自己要考虑其中的逻辑，一步一步按照思路来。废话不多说，直接撸代码。 然后你就会发现，其实看起来那么繁杂的一个个程序，不过也就是扮猪吃老虎，就这么点事 。<!DOCTYPE html>...
2019-01-17 11:29:00
116
转载 JavaScript 中的布尔运算符 && 和 ||
布尔运算符 && 和 ||的返回结果不一定是布尔值！由此来展开一定的研究及理解。1.首先先介绍下常见的数据类型转化为bool后的值。（常用地方）在if表达式中，javascript先把条件表达式转换成bool值再进行判断2.下面来介绍下逻辑与&& 逻辑非|| 的运算后的返回结果逻辑与 &&var i="真值...
2019-01-12 13:41:00
206
转载 CSS字体无法设置成功的问题
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。方案一： 你可以使用英文来替代。 比如 font-family:"Microsoft Yahei"。方案二： 在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览...
2018-12-30 20:06:00
548
转载 前端开发思维导图
学会着自己做思维导图，挨个突破前端开发知识点知识的累积的重要性。不是怎样使用并且知道来源于哪适用于哪纯属用于学习记录，可以借鉴批评1.认识WEB2.一张图基本搞定css布局---------------------------------------------------------分割线--------------------------...
2018-12-29 15:50:00
260
转载 sublime的使用
sublime安装下载： http://www.sublimetextcn.com/3/ 需按对应系统使用sublime创建一个HTML文件ctrl + n 新建文件ctrl + s 保存文件但是为了方便使用sublime，还是应该新建项目，这样我们就可以直接使用它的文件了破解sublime 但是我们需要破解它，避免收费、可以...
2018-12-27 20:58:00
59
转载 vue三要素及底层实现机制
深入解析Vue我们首先来熟悉一下我们这个文档所学习内容的流程。先对比一下jQuery和Vue的区别，再讲述Vue的MVVM模型，接着讲解Vue的实现流程。当然，我是不相信没有对比哪来的伤害，没有伤害哪能让人记忆深入骨髓咧，向来都是被伤害过的人我才会记得你，我要恨你一辈子 ~ ~ 哈哈，这当然是个泛词，我们今天的重点也不是要你真的去恨谁哈，一起来看今日焦点，jQue...
2018-12-26 20:57:00
159
转载 浏览器如何解析代码渲染页面
最近看到有的朋友在纠结我们代码和浏览器到底具体发生了什么。 我们从打开浏览器一步一步开始。打开浏览器输入网址并搜索浏览器解析网址并发送到DNS服务器服务器收到信息后将相应的HTML,CSS,JS文件等外部资源发送给浏览器浏览器解析将HTML代码称为DOM树结构将CSS代码解析成CSSOM结构（CSS Object Model）结合DOM和CSSOM构...
2018-12-01 15:23:00
280
转载 HTML存储详解
和大家一起先来了解一下H5之前的存储方式：cookies的诞生：http请求头上带着数据大小只能为4K主Domain的污染下面是百度的一些Cookies HTTP中带√的表示，只能被服务器端修改的数据，一般用来存储身份验证等信息cookies造成了一系列问题，安全问题，数据带在请求头里面，会被获取，如果一系列访问会导致cookies越来越臃肿。...
2018-12-01 11:51:00
130
转载 webstorm快捷键大全
Ctrl+shift+A 快速查找并使用编辑器所有功能（必记）Ctrl+R 编辑文本内快速替换Ctrl+F 指定文本内快速查找Ctrl+shift+N 通过文件名快速查找工程内的文件（必记）Ctrl+shift+alt+N 通过一个字符快速查找位置（必记）Alt + ← → 切换...
2018-11-30 14:46:00
61
转载 VScode基础插件设置
安装依赖包：• One Monokai• Aglia• One DarkPro• Material Icon 漂亮的主题: ThemesQuokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈CSS Peek使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器...
2018-11-29 18:28:00
148
转载 input一些验证
这篇博文大部分来自于网上，为了方便自己查阅，以及帮助他人。 1、正则验证只能输入正整数： onkeyup = " if (this.value.length==1) { this.value = this.value.replace(/[^1-9]/g,'') }else{ this.value = this.value.replace(...
2018-11-29 10:52:00
82
转载 vue上传图片
// 上传限制beforeAvatarUpload(file) { const isJPG = file.type === 'image/jpeg'; const isPNG = file.type === 'image/png'; const isLt2M = file.size / 1024 / 1024 < 5; var isIMG = true; if (!isJ...
2018-11-28 18:06:00
449
转载 vue如何下载报表
_export() { const _c = this.$createElement; this.$msgbox({ title: '请确认', showCancelButton: true, confirmButtonText: '导出', cancelButtonText: '放弃', mess...
2018-11-23 09:37:00
126
转载 字符串操作
字符串也是一个高端操作，虽然也很是简单，但是各种方法还是挺多的，整理一下1.字符串的转换字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种：var num=24;var myStr=num.toString(); //"24"你同样可以这么做：var num=24;var myStr=Stri...
2018-11-21 16:50:00
123
转载 如何使DIV居中
小编我抛出一个问题：有一个div#wrapper元素，高、宽度都未知。它其中有一个宽高都为100px的div#box元素，请你完成 CSS，使得div#box在div#wrapper内水平、垂直方向居中。和你们讲讲一些方法：flex类型 2、position类型 还有ta...
2018-11-21 10:19:00
163
转载 最齐全的vue公共函数给你们放出来啦
import Vue from 'vue'/* 配置参数 */Vue.prototype.winH = document.documentElement.clientHeight;Vue.prototype.normalStatus = 1; //状态正常Vue.prototype.invalidStatus = 0; //状态失效Vue.prototype.pageSize...
2018-11-20 17:18:00
225
转载 Sublime Text3快捷键大全
选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L先选中多行，再按下快捷键，会在每行行尾插入光标，...
2018-11-19 20:07:00
61
转载 VUE配置项结构
VUE配置项结构config：项目的配置文件 index.js: 基础的配置信息 dev.env.js:开发环境配置信息 prod.env.js：线上环境配置信息build: 项目打包所需要的内容README.md: 项目开始读取文件，提示 package.json：依赖包package-lock.js...
2018-11-15 20:11:00
139
转载 vertical-align
vertical-align支持的属性值以及组成除了支持inherit外包括线类 baseline,top, middle, bottom文本类 text-top, text-bottom上下标类 sub, super数值百分比类 20px, 2em, 20%....1、数值百分比类 2大类，共性： 1、都带数字 2、都支持负值 3...
2018-11-15 15:26:00
61
转载 （1-3）line-height与图片的表现
（1-3）line-height与图片的表现 这篇文章真的很重要，耐心看，重中之重。一、行高和图片的表现 图片和行高有什么歪腻呢？？ 很多人不明白，为什么我图片好好的放在一个标签里面它就出现了如下问题，箭头地方的空白处到底哪来的？因为内联盒模型默认基线对齐的，其中有一个隐藏的文本标签在做遂啦~看到没！！ 和基线对齐...
2018-11-15 15:01:00
139
转载 （1-2）line-height的各类属性值
（1-2）line-height的各类属性值 首先来个疑问！没有问题印象不深嘛一、line-height支持哪些属性值呢？五只手指头就能数过来了咯。 比如normal, <number>, <length>,<percent>,<inherit>。啊，惊奇发现，刚刚好5个，接下来是长长...
2018-11-15 14:46:00
282
转载 （1-1）line-height的定义和行内框盒子模型
（1-1）line-height的定义和与行内框盒子模型的关系一、line-height的定义line-height的定义： 行高，又称为两基线的距离。默认基线对齐（因为CSS所有*线：总之就是各种定义的线都是和基线对齐的）默认X对齐。下面贴出一个超大超大的大图： 注意！！不同字体下的基线位置会稍微有点变化，可能会有上浮或者下沉噢。基线，和行高的一...
2018-11-15 14:24:00
148
转载 JSON对象的两个方法
JSON对象有两个方法，stringify()和parse()。 最简单的方法，这两个方法分别用于吧JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。 例如： var book = { title: "professional", authors: [ "Nicholas C" ]...
2018-11-14 14:28:00
130
转载 javaScript删除对象、数组中的null、undefined、空对象、空数组方法
这两天在项目中遇到后台需要传的数据为不能有null,不能有空值，而这个数据又是一个庞大的对象，对组集合，所以写了个方法来解决这个问题。为了兼具所有的种类类型，封装了方法，代码如下：let obj={a:{a_1:'qwe',a_2:undefined,a_3:function(a,...
2018-11-14 10:26:00
976
转载 js数组方法 改变原数组和不改变原数组的方法整理
改变原数组： pop(): 删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不 改变数组，并返回 undefined 值。arrayObject.pop() *push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数...
2018-11-12 17:10:00
247
转载 js时间戳与日期格式的相互转换
下面总结一下js中时间戳与日期格式的相互转换：1. 将时间戳转换成日期格式：function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFu...
2018-10-24 11:14:00
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人