@木尘-优快云博客

原创 vs code 配置

一. 路径二 .插件1. Vetur2 Sass3 Prettier4ESLint5Beautify三. 配置{ "editor.fontSize": 18, "editor.tabSize": 2, "editor.fontFamily": "Consolas, 'Courier New', monospace", "workbench.activityBar.visible": false, "git.ignoreMissingGitWa...

2020-06-15 10:07:45 740

原创 Axure chrome 插件安装教程（chrome 版本 72）

下载地址：https://download.youkuaiyun.com/download/haozq2012/9416728链接：https://pan.baidu.com/s/1y27LJmKNoKjj1lKXYVIvlQ提取码：sobochrome 版本 72安装步骤：1. 解压2. 浏览器输入： chrome://extensions/ 并开启开发者模式...

2019-03-07 09:36:18 3683

转载你不曾察觉的隐患：危险的 target="_blank" 与 “opener”

你不曾察觉的隐患：危险的 target="_blank" 与 “opener”在网页中使用链接时，如果想要让浏览器自动在新的标签页打开指定的地址，通常的做法就是在 a 标签上添加 target等于"_blank" 属性。然而，就是这个属性，为钓鱼攻击者带来了可乘之机。起源parent 与 opener在说 opener 之前，可以先聊聊 <iframe> 中的 p...

2018-09-18 09:36:15 2024

原创 javascript 实现大数相加支持小数精度高保真，返回String

javascript 实现大数相加支持小数精度高保真，返回Stringjavascript能表示的最大数值是Number.MAX_VALUE，即1.7976931348623157e+308，这个数值虽然能够正确表示出来，但是存在一个精度丢失的问题实际上javascript会丢弃大于9007199254740992后的位数，导致精度丢失。这里借用互联网的一幅图，从图中可以明确的表示javasc...

2018-09-17 19:56:51 740

原创 windows 安装 yarn

windows 安装 yarn下载node.js http://nodejs.cn/download/通过 Chocolatey 安装以管理员身份打开 cmd.exe@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy...

2018-09-04 09:20:21 3128

原创前端sublime-text3 这些就够了

1.Emmet 2.SublimeLinter 3.sass scss 4.Trmmer 5.git 6.FileDiffs //文件对比 7.DocBlockr //注释 8.HTML-CSS-JS Prettify 使用说明：快速格式化html css js 快捷键：ctrl+shift+h 9.Sublime CodeIntel //代码自动提示 10.SideBa

2017-09-07 10:06:33 580

原创 npm 安装错误及处理方法

npm 安装错误及处理方法unable to verify the first certificate（无法验证第一证书）原因： 2014年2月27日，npm不再支持自签名证书。因为npm install走的是https协议，需要通过数字证书来保证的解决：取消ssl验证 npm config set strict-ssl false

2017-04-24 14:56:39 8779 1

原创正则表达式

正则表达式提取.html 文件名/[^/]*.html匹配img标签的width 和 height/(width="[^"]*"|height="[^"]*")/g

2016-09-26 18:36:22 518

原创模块化--RequireJS

RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用, 它非常适合在浏览器中使用，但它也可以用在其他脚本环境, 就像 Rhino and Node. 使用RequireJS加载模块化脚本将提高代码的加载速度和质量。浏览器支持IE 6+ .......... compatible ✔<br>Firefox 2+ ..... compatible ✔<br>Safari

2016-02-17 17:30:06 691

原创 web移动--<meta>标签整理

元数据（Metadata）是数据的数据信息。标签提供了 HTML 文档的元数据。元数据不会显示在客户端，当时会被浏览器解析。 META元素通常用于指定网页的描述，关键词，的文件的最后修改，作者，和其他元数据。元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。提示和注释注意：标签通常位于区域内。注意：元数据通常以名称/值对出

2016-02-15 16:44:36 641

原创 addEventListener() 方法

先看个例子：document.getElementById("myBtn").addEventListener("click", function(){ document.getElementById("demo").innerHTML = "Hello World";});定义和用法addEventListener() 方法用于向指定元素添加事件句柄。提示：使用 removeEvent

2016-02-03 13:42:18 19540 1

原创 JavaScript面向对象

面向对象技术面向对象术语对象对象（object）定义为“属性的无序集合，每个属性存放一个原始值、对象或函数”。严格来说，这意味着对象是无特定顺序的值的数组。类每个对象都由类定义，可以把类看做对象的配方。类不仅要定义对象的接口（interface）（开发者访问的属性和方法），还要定义对象的内部工作（使属性和方法发挥作用的代码）。编译器和解释程序都根据类的说明构建对象。实例程序使用类创建对象时，生成的对

2016-02-01 15:40:42 1152

原创 angular2.0--my first angular2 app

2016-01-30 16:19:03 1504

原创 chrome 360 等浏览器无法预览Axure文件，解决方法

1.下载下面插件： csdn:http://download.youkuaiyun.com/detail/haozq2012/94167282.打开下面地址chrome://extensions/将下载的插件拖入 3.插件下的允许访问文件网址打钩 4.就可以轻松访问Axure文件了

2016-01-25 09:00:53 8687 2

原创各大网站IP地址库及接口说明

淘宝http://ip.taobao.com/instructions.php 接口说明请求接口（GET）： /service/getIpInfo.php?ip=[ip地址字串] 响应信息：（json格式的）国家、省（自治区或直辖市）、市（县）、运营商返回数据格式： {“code”:0,”data”:{“ip”:”210.75.225

2016-01-13 09:51:44 4047

原创 Sublime Text 3 常见错误及解决方案

打开sublime遇到一个提示如上图Sublime Text Error while loading PyV8 binary:exit code 1 Try to manually install Pyv8 form https://github.com/emetio/pyv8-binaries 解决： 1. 去gihub下载 PyV8,连接地址：https://github.co

2016-01-08 09:46:11 13996

原创前端工具--less篇

前端工具–less篇less 中文网http://www.bootcss.com/p/lesscss/less语法LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，所以学习 LESS 是一件轻而易举的事情，果断学习之！变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue +

2015-12-22 12:25:01 1373

原创作为前端这些你不能不知道--浏览器基础篇

浏览器对象BOM与 DOM BOM 也就是浏览器对象模型（Browser Object Model）先上图： BOM ???BOM是Browser Object Model的简写，既浏览器对象模型。 BOM由一系列对象组成，是访问、控制、修改客户端(浏览器)的属性的方法。 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象(BOM对象模型见上图

2015-10-24 23:46:58 2232

原创 fullCalendar中文api

官网地址：http://fullcalendar.iogithub地址：https://github.com/fullcalendar/fullcalendar下面是我在使用过程中遇到的问题及解决方法 1.中文化： zh-cn.js下载地址：http://download.youkuaiyun.com/detail/haozq2012/9162467//引入：<script src='zh-cn.js'>

2015-10-08 11:01:47 8729

原创前端常见BUG--js，及处理方法(持续更新)

1.ie上iframe弹层无法获取焦点$(document.body).focus();

2015-09-23 16:26:13 5096 3

原创 react--hello,word

官网地址：https://facebook.github.io/react/github地址：https://github.com/facebook/react 1.下载 http://facebook.github.io/react/downloads.html 2.hello word! 点击查看演示代码如下：<!DOCTYPE html><html lang="en"><hea

2015-09-21 21:57:58 882

原创前端常见BUG--css篇，及处理方法(持续更新)

前端常见样式bug，及处理方法：【2015-09-10】a,input,textarea,img标签点击后出现虚框，黄框等；a{outline:none;}去苹果浏览器默认样式input,textarea,button { -webkit-appearance: none; border-radius:0px; border:none;}

2015-09-10 17:57:39 2563

原创 css不用旋转实现返回箭头，圆点，三角形

返回按钮.goback{position: absolute;top: 18px; left: 18px;border: 10px solid transparent;border-right: 10px solid #ccc;}.goback:hover{border-right: 10px solid #808080;}.goback:after{content: '';position:

2015-09-10 15:33:41 4711

原创 phoneGap 打包

phonegap官网 http://phonegap.com/ 安装 phonegap官方文档： http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface准备工作：下载并安装nodejs：官网：https://nodejs.org 64位下载地址：https://node

2015-09-10 09:11:44 2164 1

原创完美DIV、图片水平垂直居中

完美DIV、图片水平垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完美DIV、图片水平垂直居中</title> <style type="text/css"> .Absolute-Center { margin: auto;

2015-09-07 09:17:59 962

原创前端开发时经常会被浏览器缓存搞得头大，apache设置一下就好了

apache设置必要条件： httpd.conf中必须开启： LoadModule headers_module modules/mod_headers.so设置下cache-control httpd.conf 最后加入以下代码即可<IfModule mod_headers.c> <filesmatch “.(html|css|js|json|ico|gif|jpg|png|)$”>

2015-08-15 22:32:32 5566

原创实时监听textarea并限制最大字符数

直接源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>textarea</title> <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.9.1/jquery.min.js"></script>

2015-08-07 15:35:44 4785

原创去苹果浏览器默认样式

去苹果浏览器默认样式input,textarea,button { -webkit-appearance: none; border-radius:0px; border:none;}

2015-08-06 17:28:16 1685

原创微信6.0android客户端用到的资源文件包括声音图片

微信6.0android客户端用到的资源文件包括声音图片微信6.0android客户端用到的资源文件包括声音图片需要的朋友可以拿去用哦，免积分的下载地址：http://download.youkuaiyun.com/detail/haozq2012/8488469

2015-03-10 16:04:10 2121

原创 iscroll5+appframework3.0上拉加载下拉刷新

iscroll5+afui3.0上拉加载下拉刷新下载地址：http://download.youkuaiyun.com/detail/haozq2012/8484113

2015-03-09 09:24:24 4491

原创 app-framework学习--公用加载、刷新

app-framework学习–公用加载、刷新scrooller,上拉加载，下拉刷新（2.2）。群里有人问，我就给大家分享下吧！/** * @Author: muchen * @DateTime: 2015-03-04 10:30:10 * @Description: add下拉刷新 add上啦加载分页 * @param: myScroller Scroller对

2015-03-04 10:38:54 4147

原创 appframework3.0--初识

appframework3.0–初识作者：木尘2015-02-05交流群：333492644以前项目一直用的2.0也写过一些博客，后来因为项目比较忙所以落下了，现在项目即将上线，对于2.0我的项目虽然完成了，但是效果的确有些差强人意，有时间了，所以就开始研究3.0了，虽然3.0还没有发布，但是他的确比2.0要好的多，不管是从速度上还是从结构上都有了很大的突破官网地址：http://app-f

2015-02-05 23:39:07 5818

原创 app-framework学习--panel传值

作者：木尘日期：2015-01-17app-framework学习--panel传值关于appframework页面传值问题，好多人问，今天在这里给几点建议：1.本地数据存取/******** 本地数据存取函数 *********/var localStorageUtils = { setParam : function(name, value) {

2015-01-17 13:39:54 2712

原创 app-framework学习--动态管理panel

作者：木尘日期：2015-01-17由于一个index写多有页面，压力过大。所以有了js解决方案,动态管理panel var panelUtil = {/********** 添加一个新的header **********/addNewHeader : function (headerContent){$("#afui").append(headerContent);}

2015-01-17 13:12:40 2652

原创 app-framework学习--iscrolldemo

作者：木尘日期：2015-01-07由于appframework本身的scroll比较坑所以有了这个demo顺带为了加快程序使用 require.js 实现异步加载demo如下：用了 iscroll5require+ jquery+iscroll+afui下载地址：http://download.youkuaiyun.com/detail/haozq2012/8337087附带下载：

2015-01-07 15:47:56 2417

原创 app-framework学习--中文api

作者：木尘日期：2015-01-04app-framework api 错误的地方请指正http://appframework.com.cn/api.html

2015-01-04 10:28:02 3002

原创 app-framework学习--iscroll5+jquery+afui上拉加载下拉刷新

iscroll5+jquery+afui上拉加载下拉刷新下载地址：http://download.youkuaiyun.com/detail/haozq2012/8262635

2014-12-15 17:49:42 3403

原创 appframework学习--解决nav平板，pc等大屏上自动展开问题

appframework学习--解决nav大屏显示作者：木尘日期：2014-11-26在$(document).ready(function()中调用$.ui.splitview=false;$(document).ready(function(){ $.ui.splitview=false; $.ui.

2014-12-05 17:35:46 1880

转载百度CDN公共库可以直接用在自己的项目中

CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。资源列表'使用方法: 加载JS库，复制HTML代码片段（如下所示）到网页。例如，要加载jQuery，将如下所示的代码嵌入到你的网页中即可。

2014-11-29 11:57:53 3536