webmirror_个人页

javaScript教程（三）

浏览器模型 浏览器环境概述 https://wangdoc.com/javascript/bom/indexeddb.html JavaScript 是浏览器的内置脚本语言。也就是说，浏览器内置了 JavaScript 引擎，并且提供各种接口，让 JavaScript 脚本可以控制浏览器的各种功能。

JavaScript 教程（二）

style不仅可以使用字符串读写，它本身还是一个对象，部署了 CSSStyleDeclaration 接口（详见下面的介绍），可以直接读写个别属性 e.

ECharts学习

ECharts 特性 ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性.

HTML 5中的标记方法

内容类型 (ContentType) 首先， HTML 5的文件扩展符与内容类型保持不变。也就是说，扩展符仍然为" .html" 或 ".htm" ，内容类型 (ContentType)仍然为 "text刷html" DOCTYPE声明 DOCTYPE声明是HTML文件中必不可少的，它位于文件第一行。

小程序框架wepy文档

wepy官网：https://tencent.github.io/wepy/index.html 项目创建与使用 安装wepy 以下安装都通过npm安装 安装wepy命令行工具: npm install wepy-cli -g 在开发目录生成开发DEMO: wepy new myproject 开.

小程序中其他相关的api总结

小程序第三方平台 wx.getExtConfig(OBJECT) 获取第三方平台自定义的数据字段。基础库 1.1.0 开始支持，低版本需做兼容处理 OBJECT参数说明： 参数 类型 必填 返回 success Function 否 返回第三方平台自定义的数据 fail Function 否 接口.

小程序中界面相关的api总结

交互反馈 wx.showToast(OBJECT) 显示消息提示框 OBJECT参数说明： 参数 类型 必填 说明 最低版本 title String 是 提示的内容 icon String 否 图标，有效值 "success", "loading", "non...

小程序中设备相关的api总结

小程序中数据缓存和位置相关的api总结

小程序中文件相关api总结

微信小程序中媒体api总结

小程序中网络请求相关的api总结

微信小程序自定义组件/插件等解析

微信小程序逻辑层视图层解析

框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑 响应的数据绑定 框架的核心是一个响应的数据绑定系统。

微信小程序简易教程

最近刚完成了两个微信小程序的开发，趁这个机会来波总结 起步 开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序 申请账号 点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。

前端面试常见问题汇总

常用git命令

HTML 5中的标记方法

iOS APP免费开发账号真机调试教程

Appuploader的安装介绍

注意:下载AU后需安装java8运行环境才能启动;安装好了最新Java8运行环境,解压AU软件包,无需安装,Windows 64位系统点击appuploader.exe启动;如果是Linux/Windows 32位系统或Mac系统双击appuploader.jar即可启动;直接用苹果账号即可登录使用如果开启了手机验证码登录,获取验证码输入登录,在手机短信或者苹果手机直接弹出验证码Appuploader可以很方便的直接在Windows电脑申请证书和管理证书,上传ipa文件,不需要苹果电脑;初次接触Appuploader的伙伴,通过以下介绍,清晰Appuploader的具体用法。

苹果开发者账号申请教程

登陆苹果官网注册账号 点击地址https://developer.apple.com/account/进入苹果官网 如果没有账号可以点击'Create Apple ID'进行账号注册，输入需要的信息后点击'continue'按钮进入网站 因为我已经有账号，所以直接点'Sign In'登陆进入网站 .

利用HBuilder打包前端开发webapp为apk

常见的移动端H5页面开发遇到的坑和解决办法

vue-cli脚手架的搭建

HBuilder学习与使用

linux子系统ubuntu中node和git和gulp的安装配置

因为我用的是windows系统,有些linux命令无法使用,所以我安装了linux的子系统ubuntu,具体安装方法可以参考这篇文章,今天这里我这里就主要介绍下ubuntu系统下常用软件的安装配置 node.

windows下node和git和gulp的配置总结

今天来总结下我这次安装的经验,期待看到的同学们可以少走点弯路 node Node.js简介 简单的说Node.js就是运行在服务端的JavaScript,Node.js是一个基于Chrome V8引擎的JavaScript运行环境;Node.

阿里巴巴iconfont的正确使用方式

为什么要使用iconfont? 顾名思义iconfont就是把图标用字体的方式呈现,其优点在于以下几个方面: 1.可以通过css的样式改变其颜色(最霸气的理由） 2.相对于图片来说,具有更高的分辨率 3.

前端工程之模块化

从本质上讲,所有Web应用都是一种运行在网页浏览器中的软件,这些软件的图形用户界面(Graphical User Interface,简称GUI)即为前端 随着Web业务日益复杂化和多元化,前端开发已由以WebPage模式为主转变为以WebApp模式为主;现在随便找个前端项目,都已经不是过去的拼个.

常见的移动端H5页面开发遇到的坑和解决办法

问题一:用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经研究发现是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixelRatio＝2;现在android比较乱,有1.

如何给JavaScript代码添加断点调试

之前打断点都只会看他自己出现的数据，而且一段时间不用总是找不到在哪里，今天就本着好脑袋不如赖笔头的想法来记录下浏览器断点的使用。本文以谷歌浏览器为准： 首先我们使用chrome浏览器打开我们需要调试的页面并按“F12”键打开“开发者工具”，如下图： 控制台显示网页中JS的各种输出信息，包括错误信息、用户日志等；打开脚本标签页，这里面才是我们想要的内容。

Win10的ubuntu子系统，搭建前端自动化工具

Win10安装ubuntu子系统 最新版win10下可以直接跑ubuntu镜像，直接入正题这里如果你不能操作是因为版本不是最新的，我这里是最新的win10直接是有这个功能的。勾选后会要求重启，确定即可 然后win键弹出搜索，输入bash可以打开bash on windows 接下来就是按照提示添加用户密码就行了 Ubuntu安装Nodejs 我们选择用NVM安装和管理nodejs nvm是一个开源的Node版本管理器，通过简单的bash脚本来管理、切换多个Node.js版本。

工作中的一些知识总结

跳转 跳转登陆页 if(HybridMethod.isApp()) { RainbowBridge.callMethod('JsInvokeAppScope', 'goLogin'); } else { var _index = window.

dist打包流程

打包dist : npm run dist 运行dist : gulp dist_open 浏览器打开地址 : http://localhost:3000/dist/pc/index.html 如果错乱则需要手动修改gulp插件: 原始代码

最好用的图表工具 -- ECharts

首先比较下目前比较流行的几款图表库: highcharts文档详细易懂,上手快捷,但highcharts依赖于jQuery库,而且Highcharts对个人免费但对企业收费 d3.js更自由些,更容易做出自己想要的效果,但学习起来需要更多的时间 echarts:开源软件,无私的为我们提供漂亮的图形.

30个最好的数据可视化工具推荐

如今同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策；目前互联网中有很多数据可视化工具,这里只选择了30个有特色好用的推荐给大家 iCharts.

高性能JavaScript模板引擎template.js原理解析

artTemplate是新一代javascript模板引擎,它在v8中的渲染效率可接近javascript性能极限,在chrome下渲染效率测试中分别是知名引擎Mustache与micro tmpl的25/32倍(性能测试);artTemplate的模板还支持使用自动化工具预编译; artTemplate的库分为两种,一个是template.

轻量级数字动画插件countUp.js

countUp.js是一款轻量级/无依赖的js计数器动画特效插件,可以用来快速创建动画,快速的通过多种方式创建计数器的动态变化效果,还可以控制计数器的暂停/恢复/重置等状态;通过设置startVal和endVal参数,countUp可以在任何一个方向上计数;countUp兼容性超强,兼容所有的浏览器;而且countUp.

开源/免费/强大的移动端触摸滑动插件 — Swiper

Swiper是一款免费及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话),主要使用与移动端的网站/网页应用程序(web apps)/原生应用程序(native apps),主要是为IOS而设计的,同时在Android/WP8系统及现代桌面浏览器也有着良好的用户体验 swipe.

懒加载和预加载的实现

提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现 懒加载 什么是懒加载 懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的.

css知识梳理

写完之前的一篇"一起领略css3动画的强大"之后,我发现自己以为的懂得并不是真的懂得,所以现在来好好把css3来梳理一下 css属性组 动画属性(Animation) @keyframes - 规定动画 通过@keyframes规则能够创建动画,创建动画的原理是:将一套CSS样式逐渐变化为另一套样.

一起领略css3动画的强大

CSS3的确出了不少高大上的功能,3D效果/动画/多列等等;今天写篇文章记录怎么一下怎么用CSS3写一个动画;不过还是要提醒大家:IE9及以下版本不支持CSS3动画(需要可以考虑用js,不过估计效果不好);chrome和safafi建议加上前缀-webkit-以向前兼容老版本 CSS3动画相关的几.

移动端自适应布局的最好工具-rem

提到rem,大家首先会想到的是em/px/pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦 先看看兼容性,关于移动端: ios:6.

javascript中的执行环境和作用域详解

首先,我们要知道执行环境和作用域是两个完全不同的概念 函数的每次调用都有与之紧密相关的作用域和执行环境;从根本上来说,作用域是基于函数的,而执行环境是基于对象的(例如:全局执行环境即window对象);换句话说,作用域涉及到被调用函数中的变量访问,且不同的调用场景是不一样的;执行环境始终是this.

深入浅出了解 JavaScript 中的 this

this是Javascript语言的一个关键字;它代表函数运行时自动生成的一个内部对象,只能在函数内部使用 首先必须要说的是,this的指向不是在函数定义时确定的,只有函数执行的时候才能确定,实际上this最终指向那个调用它的对象(网上大部分的文章都是这样说的,而且在很多情况下这样理解不会出问题,.

JavaSript模块规范--AMD规范与CMD规范

有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块;但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则岂不是乱了套;考虑到Javascript模块现在还没有官方规范,这一点就更重要了

前端最好用弹框组件-layer

layer是一款近年来备受青睐的web弹层组件,它甚至兼容了包括IE6在内的所有主流浏览器;而且layer采用MIT开源许可证,将会永久性提供无偿服务.现在你肯定对layer充满了兴趣,首先,了解layer肯定避不开layui,layui是一个集合多个组件,例如:layer/laypage/laydate等的前端框架,和Bootstrap是同类别的,而layer一直是layui的代表作.

vue规模化

vue工具

vue的可复用性和组合