1. Promise简介
promise是异步编程的一种解决方案,它出现的初衷是为了解决回调地狱的问题。
打个比方,我需要:
--(延迟1s)--> 输出1 --(延迟2s)--> 输出2 --(延迟3s)--> 输出3
通常写法:
setTimeout(()=>
项目在微信环境开发,需要获取access_token进行授权登录和获取用户信息。
特意把这块功能拿出来封装一个自定义module
module.exports = new Wechat(con.appid, con.secret, con.url);
之前appid和secret是在本地配置文件
使用DOM树
一、访问元素
1、选择单个元素节点
(1)getEelementById()
使用元素的id属性
(2)使用CSS选择器,返回第一个匹配的元素
querySelector()
VarhotItem=document.querySelectorAll('li .hot");
2、
问题
在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。
第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px指定的(之前是百分比设定的,查询资料发现说echart容器宽高要明确指定),修改之后,还是和上面一样的展示,依旧有问题。
定位
于是我
一、概述
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。
vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。
而传统的多页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是
写了几篇前端监控的文章,感觉泛泛而谈,因为刚开始的布局太广,反而不能够分析出数据的价值。所以把代码重构了一下,借鉴了听云和Sentry的某些功能需求,针对某类数据进行详细的分析,以求达到有价值的分析结果,与大家共勉。
=======================================
其实今天状态不怎么好,白天又忍不住逛bilibili、刷微博了……(一定要改过来啊)
毕竟马上就毕业了,毕业之后在工作之余,忙碌了一天后,回到家会不会坚持写博客呢?特别是舒适的家里,肯定诱惑更多,干扰更大吧。
所以还是要有原则性!
晚上主要是用脚手架搭了一下基本的前台页面。
本文介绍的 Chrome 开发者工具基于 Chrome 65版本,如果你的 Chrome 开发者工具没有下文提到的那些内容,请检查下 Chrome 的版本
本文是 前端开发必备之Chrome开发者工具(上篇) 的下篇,废话不多说,直接开始介绍。
网络面板(Network)
网络面板记录页面上每个
html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依然有问题。
这里根据github issues里的一个思路,模拟实现了dashed边框效果。
适用情
前面的话
React是如今热门的两大前端框架之一,它设计思路独特,性能卓越,逻辑简单,受到了大量开发者的喜爱。Vue的基本思路是基于HTML模板的扩展,而React的基本思路是基于JS语言的扩展。由于Vue的写法更接近于传统,所以对于习惯了HTML的开发者更容易接受;而React中的J
Pencil是个好项目。使用Electron作为运行环境,如同Vs Code一样,将JS跨平台桌面应用做了一个好的示范。个人很喜欢这种方式,毕竟多年来关注Web全栈开发,有一种JS一统天下的感觉。我的运行环境是Mac book + vscode。
1. 首先是下载Pencil项目
终于把昨天显示不了头像的问题解决了。。。
这里特别要感谢@Jeffweb的帮助,果然是logo变量出了问题……实际上是…我……我根本没往里面存数据。。
XiaoLiu这个用户还是刚刚存的,昨天是logo字段下的记录全是空的,所以难怪昨天代码怎么改都渲染不了图。
哎,看来真是要长
上一节讲了express的入口文件,当执行主函数,会调用app.init方法,这个方法就来源于application模块。
这个模块有很多方法,目前仅仅过一下初始化方法:
app.init = function init() {
// 在render时缓存对应的view
t
setTimeout(code,millisec)setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。实例:
<html>
<head>
<script typ
Element-UI 的 Table 组件很强大,但是我们的需求更强大...
简单粗暴的来一发效果图:
一、数据驱动
传统的拖动效果,都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点
使用的模块
ws
http
http-proxy
主要通过htt-proxy实现中转
启动websocket服务
var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer({po
之前用vue-cli脚手架在windows上开发的一个项目,现在有换mac的打算,但是换系统的话对代码对环境依赖比较严重。
去年和别的FE并行开发两个人用的都是windows,这样还好,没有什么问题,但是两个人电脑环境不一样问题就比较多了。
所以准备将环境切换到Linux,但是遇见了
vue中mothods,computed,watch方法的区别
对于一些需要变动的值,比如最初的时候有一个值,在之后我们要将他进行改变。
可选的思路:
1.通过change或者click等这类事件来触发一个函数,在函数内部去修改一个变量。
2.通过watch的方法,监听被改变的变量,然后在watc
语法:
子组件:
给子组件弄个名字,name。props用来声明从父组件传来的数据。其他html和css部分正常写。
父组件:
HTML部分:使用子组件name作为标签来显示子组件。:items=“item”,是将数据传给子组件。items是在子组件声明的,item是父组件中data返回的。
j
1.debug调试工具:batarang2.ng指令 1、ng-app=" " 定义angularJS的使用范围;----main方法,入口 ng-app="myModule"
2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开;
3、n