浏览器脚本
Foodiegirl_Hui
在世界历史中,每一伟大而高贵的时刻都是热忱的胜利。。。
----------灰之微妙语
展开
-
vue-router 多个同名参数获取为数组拦截
vue-router中使用query获取参数,如果存在多个同名参数,则拿到的参数为数组格式,如果只想获取单一的字符串,通过拦截可以实现原创 2023-02-14 11:45:20 · 405 阅读 · 0 评论 -
2021-07-29
1、 typeof----检测给定变量的数据类型typeof 123 "number"typeof '123' "string"typeof false "boolean"typeof undefined "undefined"typeof {} "object"typeof [] "object"typeof null "object" // 因为null值表示一个空对象指针原创 2021-08-03 10:09:40 · 78 阅读 · 0 评论 -
TypeScript初认识
TypeScript的核心TypeScript 的核心是类型分析、流程分析、ES5 语法转换TypeScript 的目标是:兼容所有 JavaScript 语法,并在此基础扩展语法;静态分析代码,找出那些很有可能有 BUG 的代码;生成纯净的、可读的 JavaScript 代码,并且不会对代码作任何优化、处理,甚至连源码中的错误都保留到生成的代码中;不影响最后运行代码的环境。TypeScript 的主要职责是静态分析function isObject(val) {return Object原创 2020-11-26 14:47:35 · 175 阅读 · 0 评论 -
React study (三)事件函数
绑定事件处理函数: 不同事件对象:原创 2015-11-17 12:50:49 · 560 阅读 · 0 评论 -
React study(四)Mixin编写使用、函数复用、自定义表单组件
Mixin的优缺点: 优点 代码复用:抽离出通用代码,减少开发成本,提高开发效率 即插即用:可以直接使用许多现有的Mixin来编写自己的组件 适应性强:改动一次代码,影响多个组件缺点 编写难度高:Mixin可能被用在各种环境中,兼容多种环境就需要更多地逻辑代码,通用的代价是提高复杂度 降低代码可读性:组件的优势在于将逻辑和界面直接结合在一起,Mixin本质上会分散逻辑,理解难度更大。两种原创 2015-11-17 17:49:48 · 1169 阅读 · 0 评论 -
React Native study
基于原生的UI组件 手势识别 基于flexbox的css布局模式 跨平台开发 基于React,Jsx的组件开发模式 可使用npm中的模块 Chrome Dev Tool的集成样式布局原创 2015-11-18 11:11:43 · 574 阅读 · 0 评论 -
grunt-beginner 前端自动化工具
codekit(只支持mac平台) grunt:build tool 竞争者:buildy\jasy\Gmake目录目录nodejsyeomen-bower-gruntnode.jsnodes官网下载安装 HomeBrew:http://brew.sh命令行工具: mac :iterm windows:git npm检查dependencies项yeomen-bower-grunt1.原创 2015-12-30 15:09:34 · 1025 阅读 · 0 评论 -
webpack开发工具 (gulp、browserify、webpack)
Gulp(处理流式的内容)安装(npm install gulp -g) (npm init //为了创建package.json文件,指定用到的第三方库) ( gulp 检测,文件名必须是gulpfile.js)gulp.task('名字',['依赖的文件1','依赖的文件2'],function()({ //具体执行}))例如:gulp.task('sass',function(原创 2015-12-08 16:07:38 · 1208 阅读 · 0 评论 -
js 验证数字是否为不以0开头的正数
js 验证数字是否为不以0开头,并且是正数:sDigit: function (value) { var patrn = /^([1-9]\d*|0)(\.\d*[1-9])?$/; if (!patrn.exec(value)) { return false; } else { return true; }原创 2016-02-24 15:27:13 · 9326 阅读 · 0 评论 -
canvas在电脑手机屏上被自动放大显示不正常问题
canvas在高清电脑屏上或者手机上显示不正常,其原因是被自动放大变模糊了,所以需要根据不同的手机的devicePixelRatio来进行缩放canvas。解决方案:(同时利用style.width,style.height,width,height可控制缩放效果,因为这是canvas.style.width跟canvas.width所导致的问题。)canvas.style.width是浏览器渲染c原创 2016-04-12 17:27:59 · 1723 阅读 · 0 评论 -
global 、window、this
global和window什么关系,你会疑问吗?BOM的核心对象是window,他表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过javaScript访问浏览器窗口的一个接口,又是ECMAScript规定的global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其global对象,因此有权访问parseInt()等方法。原创 2017-02-24 11:59:16 · 800 阅读 · 0 评论 -
JS中需要注意的知识点
目录目录js相关问题与答案1标签的定义与用法2AJAX是什么 AJAX的交互模型流程 AJAX跨域的解决办法1AJAX是什么2AJAX的交互模型流程3AJAX跨域的解决办法3javascript是面向对象的怎么体现javascript的继承关系4js中的3种弹出式消息提醒警告窗口确认窗口信息输入窗口的命令式什么5列举javaScript的3种主要数据类型2种复合数据类型和2种特殊数原创 2015-06-10 17:56:33 · 588 阅读 · 0 评论 -
JavaScript中的正则表达式
JavaScript正则表达式正则表达式是一个描述字符模式的对象。JavaScript的RegExp类表示正则表达式,string和RegExp都定义了方法,RegExp使用正则表达式进行强大的模式匹配和文本检索与替换功能。RegExp对象更多是通过一种特殊的直接量语法来创建。正则表达式直接量定义为包含在一对斜杠(/)之间的字符。定义列表直接量字符字符类特殊含义字符普通字符重复字符选择、分组、原创 2015-05-25 20:56:02 · 473 阅读 · 0 评论 -
window.open()知多少
window.open(url, target, feature, replace)window.open(url, target, feature, replace)1)对应参数的详解:2)url3)target4)feature5)replace1)对应参数的详解:url: 要加载的URL target: 窗口目标feature: 一...原创 2018-07-09 17:58:58 · 1224 阅读 · 0 评论 -
createDocumentFragment 好处知多少
我们知道,createDocumentFragment代表创建一个新的空白的文档片段;那么我们为什么说他呢?下面我们具体了解下在前端飞速发展的热浪中,用户对体验的要求越来越高,导致我们对页面渲染展示的要求页越来越高,传统的dom渲染一直是很耗费时间的一种操作,而虚拟dom的优势却越来越得以体现,从以下两个小demo中,我们看到虚拟dom带给我们的直观体验google浏览器下测试数据10...原创 2018-07-24 16:38:55 · 2489 阅读 · 0 评论 -
vue 遇坑记录
vue 修改对象属性页面不渲染:因为Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上eg: var person = { name: 'test', get name() { ...原创 2018-07-27 15:22:08 · 289 阅读 · 0 评论 -
React study(一)
目录react的产生react特点发展历程JSX语法及特点介绍JSX语法非DOM属性介绍JSX解释器架构介绍目录react的产生facebook需要解决的问题:构建数据不断变化的大型应用。 react特点react特点: 简单 、 声明式 react核心是组件,组件的设计目的是提高代码复用率、降低测试难度和代码复杂度。 提高代码复用率:组件将数据和逻辑封装,类似原创 2015-11-16 15:41:13 · 882 阅读 · 0 评论 -
React study(二)
目录目录react 组件生命周期概要不同阶段的自定义函数react 组件生命周期生命周期的初始化阶段生命周期的运行中阶段生命周期的销毁阶段属性的含义和用法项目分析react 组件生命周期概要组件本质上是状态机,输入确定,输出一定确定。 状态发生转换时会触发不同钩子函数,从而让开发者有机会作出响应。可以用事件的思路来理解状态。react整个生命周期: 不同阶段的自定义函数初始化:原创 2015-11-16 18:03:29 · 813 阅读 · 0 评论 -
js模块化编程 : require.js
目录目录一 requirejs的诞生二 Javascript模块化的规范三 requirejs具有如下优点四 requirejs的使用五详细概念请参考六DEMO一 、 require.js的诞生 为了解决以下两个问题而诞生:(1)实现js文件的异步加载,避免网页失去响应;(2)管理模块之间的依赖性,便于代码的编写和维护。二、 Javascript模块化的规范Jav原创 2015-10-16 19:10:51 · 648 阅读 · 0 评论 -
Javascript的this用法
js中this的用法 总的原则,那就是this指的是,调用函数的那个对象。 注:this是函数内部的一个特殊对象,其行为与JAVA和C#中的this大致类似,换句话说,this引用的是函数据以执行的环境对象——或者也可以说是this值(当在网页的全局作用于中调用函数时,this对象引用的就是window) 。情况一:纯粹的函数调用 (这是函数的最通常用法,属于全局性调用,因此th原创 2015-10-19 15:12:22 · 472 阅读 · 0 评论 -
arguments.callee
Js避免耦合的方法:arguments.callee 耦合是指两个或两个以上的模块之间存在紧密配合与相互影响,并通过相互作用从一侧向另一侧传递值的现象。我们要知道: arguments.length 是实参长度 arguments.callee.length 是形参长度举例如下:function test(x,y,z){ checkArgu(arguments); retur原创 2015-10-22 09:26:41 · 657 阅读 · 0 评论 -
js弹出窗口、右下角浮动窗体(最小化最大化关闭)
Demo[弹出窗体]:https://github.com/yf1378106331/maxMin 效果图如下: Demo[右下角浮动窗体]:https://github.com/yf1378106331/floatWin 效果图如下:原创 2015-08-10 11:38:34 · 2412 阅读 · 1 评论 -
angularJs study
ng-app 标记一个angularjs程序的开始,并通过angularjs来表明自动初始化应用和标记的根作用域。 ng-init 标记开始,为应用程序变量赋定初始值。 {{}} 绑定数据,可以绑定数字、字符串、对象、数组,写在双大括号内:{{ expression }}。 ng-model 把应用程序数据绑定到html元素上,实现model和view的双向绑定。 ng-repeat 遍历原创 2015-11-09 18:23:04 · 401 阅读 · 0 评论 -
可拖动可伸缩的div
Demo1[可八个方向伸缩]: https://github.com/yf1378106331/dragZoom-1 效果图如下: Demo2[div伸缩,仅右下角]: https://github.com/yf1378106331/dragZoom-2 效果图如下:原创 2015-08-05 16:55:14 · 1060 阅读 · 0 评论 -
js自定义右键菜单
js实现完全自定义可带多级目录的网页鼠标右键菜单方法:Demo[右键菜单方法]:https://github.com/yf1378106331/rightMenu 实现效果图:原创 2015-07-22 16:14:28 · 859 阅读 · 0 评论 -
js实现分享到人人网微信和qq等等
js分享源码:Demo[分享到各个网站]: https://github.com/yf1378106331/shareQQsina实现效果图:原创 2015-07-22 14:52:19 · 1275 阅读 · 0 评论 -
js中运算符&& 和 || 的使用
&&与||这两个运算符很有用,弄明白他们的规律很重要:用法规则说明 a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行; a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如果执行a()后返回false,则执行b()并返回b()的值;原创 2015-10-12 13:36:57 · 452 阅读 · 0 评论 -
HTML5+CSS3学习(-)创建HTML5
主流浏览器占份额排名: IE>FF>OPERA(北欧)>CHROME>SAFARI(苹果)创建html5(html网页有两个扩展名,即html、htm,htm是有些较旧的系统上不能使用四位的.html;html语法不区分大小写): 四部分构成: (1)文档类型声明(要求指定文档类型,确保浏览器能够在html5标准模式下解析和呈现网页)、<!DOCTYPE html>//不区分大小写,因为htm原创 2015-10-27 17:05:21 · 553 阅读 · 0 评论 -
jquery "缺少标识符、字符串或数字"
在使用jquery时,IE7下总是报错:“缺少标识符、字符串或数字”。 出现页面应该是如左下图,在IE下却不显示,如右下图: 经过一番查询后发现,万恶的 IE7真坑,仅仅只是IE7中最后一项的末尾是不允许有逗号的,在FF等浏览器下则可有可无。下边做个示例方便理解:问题代码:$(function(){ var init={ start:func原创 2015-10-27 14:30:44 · 2464 阅读 · 0 评论 -
HTML5+CSS3学习(二)HTML5 语法规范
一、元素和属性的定义一个html5网页都是由html元素构成的: 一个html元素由开始标签、结束标签、属性和元素的内容四部分构成。 元素是可以相互嵌套的。二、注意区分标签和元素的定义标签是元素的组成,用来标记内容跨,也用来表明元素内容的意义,标签都是由尖括号定义的标签的两种形式:成对出现的标签(如<head></head>)、单独出现的(如<meta>)嵌套一定要合理:有些元素有内容但允许省略原创 2015-10-27 18:00:16 · 786 阅读 · 0 评论 -
HTML5+CSS3学习(三)头部和元数据
html头部都定义在<head>中,像<meta><link><style><title><script>元素浏览器选项卡的标题就是<title>标题</title>定义的 <meta name="keywords" contents="s sdf sdd" author="yf" lang="US' dir="LTR" > 定义元信息(定义了作者名称) (lang=”US’ lang指定原创 2015-10-27 18:31:53 · 736 阅读 · 0 评论 -
收藏的兼容各浏览器的日历控件(ie6-11\ff\google\safri)
示例效果: demo下载:demo原创 2015-10-29 11:40:55 · 1067 阅读 · 0 评论 -
几对对比(title\alt,join\split)
一、html的title和altalt属性:如果浏览器无法显示图像(则用alt属性),否则alt属性不显示,浏览器将显示替代文本,就像这样:<!--同级目录下有张a.jpg的图片--><!doctype html><html><head></head><body><img src="" alt="海华" title="中华"/></body></html>效果图: 当然也就是说<!d原创 2015-10-29 14:59:32 · 516 阅读 · 0 评论 -
JavaScript 的核心,闭包和作用域
参考:JavaScript 的核心,闭包和作用域if (!("a" in window)) { var a = 1;}alert(a);var a = 1, b = function a(x) { x && a(--x); };alert(a);function a(x) { return x * 2;}var a;alert(a);fun原创 2015-08-11 19:11:17 · 499 阅读 · 0 评论