标签:javascript
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
使用的模块 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