web前端
要和代码过一辈子
这个作者很懒,什么都没留下…
展开
-
es6 语法新特性
1,const let 关键字// 在javascript中变量默认是全局的,只存在函数级作用域,没有块级作用域。let定义块级作用域:if(true){ let a = 'name';}// const用来定义一个常量,一旦定义不可修改,如果是应用类型的,可以改变属性:const name = 'hello';name = 'happy'; # 报错const n...原创 2018-08-14 18:49:43 · 252 阅读 · 0 评论 -
react动态修改页面title
原生js修改文档头:document.title = '标题'在react中可以在组件的componentDidMount生命周期中设置document.title = '标题'也可以<Route onEnter={()=>{document.title='标题'}} />或者安装react-helmet,官网的解释是:这个可复用的react组...原创 2019-02-19 16:49:48 · 18804 阅读 · 0 评论 -
echarts反复setOption后发现数据串联
最近在微信小程序中多次使用图表,集成了echarts-for-weixin,其中图表中的绘制图所需要的数据一直在根据页面的选择条件发现生变化,多次执行:this.chart.setOption(this.option);之后,发现图表的绘制开始出现混乱,查看控制台发现数据没有问题,查了查echarts的API发现:setOption除了第一个参数之外,还有其他参数:出现数据串...原创 2018-12-03 14:19:04 · 3359 阅读 · 0 评论 -
['1','2','3'].map(parseInt)
前几天被问到这个问题,[1,2,3]脱口而出,结果被虐的渣都不剩,首先这个答案肯定是错的,那么应该输出什么呢?为啥子会是这样呢?是因为我没有理解:1)map函数传递参数的定义,2)parseInt函数针对于radix这个参数的理解。通常使用map函数的时候都会传入一个函数,这个函数一般只使用1-2个参数,let arr = ['1','2','3'].map(function(item)...转载 2018-11-27 11:49:58 · 4161 阅读 · 0 评论 -
网页显示图片问题
最近遇到个问题是在网页上显示其他网页来源的图片结果显示不出来,平时就是直接使用的img,并没有任何的设置,这次碰到也是一脸蒙圈,今天就来说说图片显示的问题。出现图片资源失败的情况,解决方式1(img属性 alt): &lt;img src="logo.jpg" alt="logo" /&gt;这里的alt属性是为了当图片加载失败时告诉用户图片信息的解决方式2(js onerror):...转载 2018-11-23 19:27:25 · 1154 阅读 · 0 评论 -
react和react native简单概念
reactreact的本质是一个工具,用来帮助开发者操作DOM,从而构建出页面。一个用于创建可复用,可聚合web组件的js库。只提供前端MVC框架中的“V”,并不是完整的前端MVC框架。DOM的全称是文档对象模型。jqury是一个javascript库,也是帮助开发者操作DOM。react的核心概念响应式UI虚拟DOM树(javascript虽快,但是更新dom很慢,每次更新时,r...原创 2018-11-02 15:36:09 · 503 阅读 · 0 评论 -
使用npm安装cnpm镜像报错
今天一朋友问我为啥子他安装cnpm报错了,我就查了查,总结一下:npm install cnpm -g --registry=https://registry.npm.taobao.org报错原因:版本问题解决方案: 1)使用他推荐的cnpm版本,可以看到图中他推荐的6.0.0cnpm install cnpm@6.0.02) 降低npm版本npm instal...转载 2018-09-06 11:09:20 · 4176 阅读 · 0 评论 -
js和python中使用CryptoJS.SHA256做加密算法详解
加密方式是:先使用sha256进行加密,然后用base64转码,计算当前GMT时间,使用hmacsha256加密,最后得到base64码,即为签名。 js中使用:&amp;lt;script src=&quot;crypto-js.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;function get_sha256(str, secret) { // 计算s原创 2018-08-24 10:19:45 · 19548 阅读 · 0 评论 -
取整函数(ceil、floor、round)
ceil:在英文中,是天花板的意思,有向上的意思,所以,此函数是向上取整:console.log(Math.ceil(33.4))# 34console.log(Math.ceil(33))# 33console.log(Math.ceil(-33.7))# -33向上取整的时候,正数,则直接将当前整数加一;负数,则将整数后面的数据抹除;整数,则不变floor:在英文中,是...转载 2018-08-20 15:21:47 · 8088 阅读 · 0 评论 -
CSS相对单位em
在web环境下,用户可以将浏览器窗口设置为任意大小,且CSS需要去适应它。响应式 —— 在CSS中,这指的针对不同大小的浏览器窗口,用不同的方式响应更新页面的样式。我们要对不同尺寸的手机、平板电脑或桌面显示器多花心思了。CSS支持一些绝对长度单位,其中最常见也最基本的是像素(px)。较不常见的绝对单位有毫米(mm,millimeter)、厘米(cm,centimeter)、英寸(in.,i...原创 2018-08-20 11:40:44 · 12421 阅读 · 0 评论 -
js 动态生成table
前几天一朋友问我js怎么控制页面动态生成表格,我整理了一下代码:js代码:<script language="javascript"> var data = [{"id": 1, "name": "张三"},{"id": 14, "name": "张三"},{"id": 1, "name"原创 2018-08-27 10:54:40 · 14287 阅读 · 0 评论 -
CSS相对单位rem
上一次研究过em,今天接着继续研究rem rem:rem的作用和em一样,是css中的相对长度单位。1),对font-size使用rem当浏览器解析HTML文档时,创建了一个用来代表页面元素的集合,叫做DOM(文档对象模型,Document Object Model)。树状结构,每一个节点代表一个元素。<html>就是顶层节点(根节点),在下面的是它的子节点<he...原创 2018-08-22 10:05:25 · 865 阅读 · 0 评论 -
web中的各种居中
居中是前端开发过程中最常见的布局,但是很多人都不清不楚,每次就靠试一试,今天就拎一拎~~<!DOCTYPE html><html><head><meta charset="utf-8"><title>学习居中</title><style>.father{ height: 200px; wid...原创 2019-04-20 21:50:18 · 16759 阅读 · 0 评论