旁观自己 善待朝夕|

猫老板的豆

园龄:9年4个月粉丝:52关注:0

07 2022 档案

用原生javascript写出jquery中slideUp和slideDown效果
摘要:用on给动态添加的元素绑定hover事件,没有生效的解决 经常要动态加载dom节点,加载之后的节点当然也会有一些绑定事件的需求,今天...
249
0
0
gulp-imagemin、gulp-tinypng-compress、gulp-tinypng-nokey图片压缩优化详解及对比
摘要:gulp详细入门教程传送门: http://blog.csdn.net/x550392236/article/details/7...
240
0
0
Sublime text3 3143新版激活码许可证(2017-12-01亲测有效)
摘要:Sublime Text 3 简体中文汉化包使用方法 ( 更新时间2019.03.20) Sublime text3 3143...
59
0
0
gulp 给静态资源文件添加hash(md5)后缀 防止缓存
摘要:一、安装需要的包 npm install gulp gulp-rev run-sequence gulp-rev-collect...
384
0
0
git常用命令
摘要:日常使用git只要记住下图即可 Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库...
145
0
0
ES6之数组Array新特性
摘要:文章目录 Array.of() 函数Array.from( ) 函数find( ) 函数findIndex( ) 函数fill( ...
241
0
0
Git GUI的使用
摘要:Git GUI的使用 一、克隆 在开始 —> 所有程序 —> Git 中,有 Git Bash 和 Git Gui 两个图标,...
3296
0
0
关于微信自定义分享的链接、标题、描述、图片都未生效问题详解
摘要:之前写了一篇关于微信js-sdk分享详解及demo实例(图文并茂很详细)的文章 很多人有这样的问题,为什么debug都返回ok但...
1176
0
0
正则表达式总结(持续更新中...)
摘要:文章目录 邮箱手机号码固定电话身份证号码URL的校验包含中文的字符串正整数保留n位小数价格10-99.99价格金额0-100整数0...
63
0
0
JavaScript设置cookie、读取cookie、删除cookie详解
摘要:JS设置cookie 设置username='jack'的cookie document.cookie = 'username=ja...
2263
0
0
JavaScript对象遍历
摘要:一、对象是数组: var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; //each遍历:$.each(ar...
60
0
0
JavaScript中浏览器打开或下载app
摘要:浏览器打开或下载app 以下代码以打开百度贴吧app为例: Document 点击打开...
1289
0
0
H5移动端判断手势滑动方向
摘要:移动端判断手势滑动方向 $("body").on("touchstart", function(e) { e.preventDefa...
280
0
0
PV、UV、IP的定义与关系
摘要:一、定义 PV(访问量)(page view)即页面浏览量或点击量,是衡量一个网站或网页用户访问量。 具体的说,PV值就是所有...
592
0
0
JavaScript常用数组算法总结
摘要:文章目录 数组去重方法一:利用 es6 filter方法二:利用 se6 Set+扩展运算符 …方法三:利用Set对象和数组的Ar...
119
1
0
JavaScript中escape()、encodeURI()、encodeURIComponent()区别详解
摘要:前言 JavaScript中有三个可以对字符串编码的函数,分别是:escape,encodeURI,encodeURICompo...
153
0
0
HTML中input只能输入数字(键盘抬起和粘贴事件)
摘要:input只能输入数字(键盘抬起和粘贴事件)
237
0
0
微信js-sdk分享详解及demo实例
摘要:文章目录 具体步骤1. 绑定域名2. 引入JS文件3. 通过config接口注入权限验证配置4. 通过ready接口处理成功验证5...
778
0
0
ES6之数值Number新特性
摘要:文章目录 Number.isNaN 函数Number.isFinite 函数Number.parseInt 函数Number.pa...
90
0
0
gulp-connect实现页面实时自动刷新
摘要:gulp-connect实现页面实时自动刷新,解放F5 gulpfile.js var gulp = require('gulp')...
200
0
0
gulp详细入门教程
摘要:gulp详细入门教程 gulp作用: Sass编译Css Js 图片压缩Css Js 合并Css Js 内联Html的includ...
1150
0
0
HTML中input输入框禁止复制粘贴剪切自动完成
摘要:禁止复制: oncopy="return false" 禁止粘贴: onpaste="return false" ...
679
0
0
ES6之字符串String新特性
摘要:文章目录 一、模板字符串注意的地方 二、标签模板三、repeat函数四、includes函数五、startsWith函数六、en...
141
0
0
ES6之解构赋值
摘要:文章目录 简介数组的解构赋值1. 结构赋值可以嵌套的2. 不完全解构3. 允许设定默认值 对象的解构赋值字符串的解构赋值解构赋值...
55
0
0
ES6之块级作用域
摘要:为什么需要块级作用域? ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。 第一种场景,内层变量可能会覆盖...
29
0
0
ES6之 let 和 const 关键字
摘要:文章目录 区别let1. 基本用法1. 作用域2. 块级作用域变量3. for 循环 2. 不允许重复声明3. 不存在变量提...
36
0
0
JavaScript中&&和||用法
摘要:JavaScript中&&和||用法 a() && b() : 如果执行a()后返回true,则执行b()并返回b的值;(2&...
90
0
0
JavaScript闭包
摘要:闭包的简介 简单讲,闭包就是指有权访问另一个函数作用域中的变量的函数。 MDN 上面这么说:闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。 创建闭包的最常见的方式就是在一个函数内创建另一个函数,...
137
0
0
CSS禁用页面内容选中和复制操作
摘要:禁用页面内容选中和复制操作 *{ -webkit-user-select:none; -moz-user-select:...
152
0
0
H5获取地理位置
摘要:H5获取地理位置 H5获取地理位置
408
0
0
手把手教你在Github Pages搭建自己写的页面
摘要:一.创建仓库 二.获取仓库 1.打开settings,有一个Github Pages 的设置,点击 source 中的本来的...
1379
0
0
JavaScript判断是否为微信浏览器或支付宝浏览器
摘要:判断是否为微信浏览器或支付宝浏览器 if (/MicroMessenger/.test(window.navigator.userA...
490
0
0
JavaScript实现图片上传并预览并提交ajax(完整demo)
摘要:图片上传并预览 2021.03.31更新并附完整demo,点击下载 HTML css ....
68
0
0
ajaxfileupload.js异步上传文件插件(完整demo)
摘要:ajaxfileupload.js异步上传文件插件 HTML: JS: //点击上传图片$('#salesman-submit...
524
0
0
JavaScript中的sort排序
摘要:排序算法 通常规定,对于两个元素x和y,如果认为x y,则返回1,这样,排序算法就不用关心具体的比较过程,而是根据比较结果直接排序...
142
0
0
纯css三角形 带边框
摘要:如图所示: HTML: 定义:连接设备的用户数当前:正在连接设备的用户数今日:到最近整点时间连接设备的用户数昨日:昨天24小时内所...
181
0
0
JavaScript字符串 数组处理
摘要:字符串处理 var str = "Hello world!"// 返回指定字符首次出现的位置,不存在则返回-1console.log(str.indexOf("e")) // 1 // 返回指定字符最后出现的位置,不存在则返回-1console.log(st...
97
0
0
HTTP状态码详解
摘要:1xx:信息响应类,表示接收到请求并且继续处理 2xx:处理成功响应类,表示动作被成功接收、理解和接受 3xx:重定向响应类,为了完...
224
0
0
js简单时分秒毫秒倒计时
摘要:js简单时分秒毫秒倒计时 效果图 直接copy就能运行 js时分秒毫秒倒计时 00 00 00 ...
562
0
0
jq文字无缝滚动代码(鼠标悬停停止滚动)
摘要:jq实现文字无缝滚动代码(鼠标悬停停止滚动) 效果图 直接copy就能运行 文字无缝滚动代码鼠标悬停停止滚动 1号获得...
505
0
0
JavaScript防抖和节流
摘要:文章目录 概念防抖节流 概念 函数防抖和函数节流,两者都是优化高频率执行js代码的一种手段。 防抖:就是一定时间内,只会执行...
138
0
0
js Math对象的常用方法
摘要:Math 对象 Math 对象用于执行数学任务。属于对象数据类型 typeof Math => ‘object’ Math 对象并不...
68
0
0
JavaScript之词法作用域和动态作用域
摘要:作用域 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。 JavaScri...
18
0
0
浅谈事件循环Event Loop
摘要:首先,JavaScript是一个单线程的脚本语言。 JavaScript是单线程的,可以说这是JavaScript最核心也是最基本的...
49
0
0
flex布局
摘要:flex 的核心的概念就是 容器 和 轴。 容器 包括:外层的父容器和内层的子容器 轴 包括:主轴和交叉轴, 可以说 flex...
141
0
0
JavaScript常用数组处理
摘要:JavaScript数组的高阶函数,点击跳转详解 文章目录 join()push()、pop()shift()、unshif...
39
0
0
JavaScript常用字符串处理
摘要:常用字符串处理 let str = "Hello world!"; // 返回某个指定的字符串值在字符串中首次出现的位置,不存在则返...
68
0
0
TypeScript 接口
摘要:文章目录 基本用法扩展用法1. 可选属性(接口定义中加“?”)2. 只读属性(readonly)3. 接口继承(extends)4...
51
0
0
ES6之 Map 和 Set
摘要:Map 和 Set 是 ES6 标准新增的数据类型 Map Map是一组键值对的结构,具有极快的查找速度。 如果要实现一个“...
40
0
0
JavaScript中 for of 和 for in 的区别?
摘要:文章目录 1. for...in 循环出的是 `key`, for...of 循环出的是 `value`2. for...in 循...
72
0
0
ES6之Module语法(import/export)
摘要:ES6之前已经出现了js模块加载的方案: CommonJS, AMD, CMD都是JS模块化的规范。CommonJS是服务器端js模...
192
0
0
vue-router传递参数3种方法
摘要:第一种:get方法 传递值 跳转或跳转 接收值(页面刷新的时候不会消失) this.$route.query.userId // ...
1275
0
0
JavaScript中的继承方式
摘要:文章目录 一、构造函数继承(call与apply)1. 构造继承(利用call改变this指向)2. 多重继承(使用多个 appl...
13
0
0
深入理解javascript原型和原型链
摘要:文章目录 构造函数1. new一个新对象的过程,发生了什么?2. 手写new函数3. 构造函数上的方法 原型1. 什么是原型?2...
26
0
0
vue数据更改视图不更新问题
摘要:在一个组件实例中,只有在data里初始化的数据才是响应的,Vue不能检测到对象属性的添加或删除,没有在data里声明的属性不是响...
1886
0
0
vue中对axios的封装(含拦截器)
摘要:一、安装axios cnpm install axios -S 二、配置axios 新建utils/http.js文件: impo...
256
0
0
router.js相关配置
摘要:文章目录 有关路由的相关配置 ( 路由懒加载和路由鉴权 )router.js路由懒加载的不同写法其他路由知识点1. router-...
173
0
0
vue-cli 3.0 中 vue.config.js 相关配置
摘要:vue-cli3 和 vue-cli2 相比文件目录少了很多配置,没有了build和config目录 那么像vue cli2 之前...
453
0
0
Vue3.x 超详细入门教程
摘要:Vue3.x 安装教程 Vue3.x 新特性总结 Vue3.x 生命周期 Vue3.x 官网
75
0
0
.eslintrc.js相关配置
摘要:由于项目中用到了 ESlint 的语法检测,但用起来不是一般的恶心,于是就根据自己的使用习惯配置了一套适合自己的检测机制。配合 ...
1078
0
0
Axios 各种方法传递参数 Demo
摘要:Axios 各种方法传递参数 Demo get delete 方法较为不同 axios.get(url[, config])axio...
145
0
0
Axure rp8.1.0.3381激活码(2019-07-26 亲测可用)
摘要:Axure rp8.1.0.3381 3382 激活码(2019-07-26 亲测可用) License:zd423 Key:LrZ...
36
0
0
使用vue插件添加全局方法属性
摘要:1、新建插件文件Plugins.js: export default { install(Vue) { Vue....
251
0
0
VUE解决IE不能用的方法
摘要:一般来说VUE本身是不支持IE的,而且在vue-cli项目在IE下报Promise未定义错误 解决方法: 第一步:下载插件: ...
1123
0
0
Vue路由导航 router-link 和 router.push
摘要:文章目录 router-linkrouter.push总结1、 路由携带参数时2、设置路由map里的path值(router.js...
1180
0
1
vue-cli build打包后CSS前缀被自动去除
摘要:background: -webkit-linear-gradient(left,#ccc,#fff)background: -mo...
155
0
0
推荐一款GitHub超实用的可视化代码树插件:Octotree
摘要:先上图 有了这个插件就能很容易看清目录结构和当前所在位置 Chrome安装插件 在Chrome 网上应用店搜索下载Octotr...
164
0
0
移动端调试工具vConsole
摘要:1. 安装 npm i vconsole -D 2. 新建文件 在 src/assets 目录下创建个util文件夹,并在里新建一...
228
0
0
vscode个性化配置settings.json
摘要:C:\Users\Admin\AppData\Roaming\Code\User\settings.json 更新于:2019...
24
0
0
vscode快速新建vue模板
摘要:第一步: 新建模板并保存 文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue,选择 vue.json ==> 编辑vu...
1978
0
0
Vue路由鉴权
摘要:路由导航钩子做鉴权 /router/index.js var router;export default router = new ...
432
0
0
vuex详解
摘要:文章目录 一、简介二、优点三、使用步骤1. 安装Vuex2. 引用Vuex3. 创建仓库Store 四、包含模块1. Stat...
127
0
0
vue之动画( 仿jquery的slideToggle动画效果 )
摘要:Vue提供了transition组件,写法: 在进入/离开的过渡中,会有 6 个 class 切换。 v-enter:定义...
296
0
0
Vue.$nextTick()
摘要:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。 nextTick属于微任务 ...
27
0
0
elementUI表单校验
摘要:注册组件表单校验 新用户注册 ...
227
0
0
flex平分布局
摘要:/*ul*/ .flex{ display: -webkit-box; displa...
211
0
0
关于vue-cli项目build后本地和github pages预览问题
摘要:前言 最近在初步完成自己的掘金移动端App后,想要上传到github,并且制作一个简单的预览功能,期间遇到了一些问题,分享在此,以便...
167
0
0
vue-cli 2.9.3 详细入门教程
摘要:demo传送门 一、安装vue-cli 1. 使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm...
202
0
0
封装ajax
摘要://ajaxfunction ajax(options) { options = options || {}; opti...
9
0
0
Sticky footer布局
摘要:Sticky footer布局是什么? 我们所见到的大部分网站页面,都会把一个页面分为头部区块、内容区块和页脚区块,当头部区块和内容...
34
0
0
JavaScript数组高阶函数
摘要:文章目录 1. forEach (Array 对象属性)2. map (Array 对象属性)3. reduce (Array 对...
90
0
0
JavaScript中的深拷贝和浅拷贝
摘要:文章目录 数据类型赋值1. 基本类型(存放在栈中)的赋值:传值2. 引用类型(存放在堆内存中的对象)的赋值:传址 深拷贝与浅拷贝...
128
0
0
通过document.domain + iframe解决跨域问题
摘要:document.domain用来得到当前网页的域名。 比如在百度(https://www.baidu.com)页面控制台中输入: ...
722
0
0
yarn详细入门教程
摘要:文章目录 简介优点1. 速度快2. 一致性 安装1. 官方下载安装2. npm 安装 初始化添加依赖1. 添加包2. 一次...
280
0
0
GET和POST最详细的总结
摘要:两种 HTTP 请求方法:GET 和 POST GET - 从指定的资源请求数据。 POST - 向指定的资源提交要被处理的数据...
214
0
0
禁止微信浏览器长按出菜单(亲测可用)
摘要:禁止微信浏览器长按出菜单 iso安卓 亲测可用 img{ //元素不能成为鼠标事件的target pointer-events:no...
430
0
0
jQuery封装animate.css
摘要:animate.css是一个有趣的,跨浏览器的css3动画库。 一、首先引入animate css文件 二、给指定的元素加...
135
0
0
微信浏览器返回并强制刷新
摘要:实现微信浏览器返回并强制刷新效果 解决微信浏览器返回不刷新问题 一、IOS上的方法: 不兼容Android: //方法一$(f...
512
0
0
jquery点击其他地方隐藏菜单
摘要:JQ: //点击其他地方隐藏菜单$.fn.autoHide = function(){ var ele = $(this); ...
143
0
0
一个简单的提示框
摘要:CSS: /*提示框*/.dialog-box { max-width: 300px; background-color...
27
0
0
一个简单的loading
摘要:一个简单的无图片loading CSS(无图片): /*loading*/.preloader-indicator-modal {p...
21
0
0
JS 获取浏览器和屏幕宽高信息
摘要:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHe...
491
0
0
js返回上一个页面
摘要:当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页...
867
0
0
HTML5语义化
摘要:理解HTML5语义化: HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,方便威化,...
91
0
0
jQuery倒计时进度条
摘要:效果如下图: 代码如下: jQuery倒计时进度条 ...
202
0
0
JS实现文字向上无缝滚动轮播
摘要:效果图: 全部代码: Document 1...
1034
0
0
js常用的Math对象的方法
摘要:1.向上取整: Math.ceil(5/2) //2.5 . 2.向下取整: Math.floor(5/2) //2 . 3.四...
36
0
0
JS获取图片的原始尺寸和上传图片大小
摘要:JS获取图片的原始尺寸 一、html5 中新的naturalWidth和naturalHeight属性 在HTML 5中,新增加了两...
3366
0
0
Sublime Text 3 前端必备插件
摘要:一、安装Package Control插件 在安装插件之前,需要让sublime安装Package Control。 使用Ctrl...
617
0
0
Sublime Text 3 简体中文汉化包使用方法 ( 更新时间2019.03.20 )
摘要:. 点击下载汉化包(亲测可用) . 1、由上面的链接得到的 Default.sublime-package 文件。 打开sublim...
281
0
0
win8 win10 安装msi 提示2502、2503的错误代码
摘要:前言: 归根到底是权限不够导致的。win7应该不会有这个问题。 解决方法: 方法1:(临时安装方法 ) 1、鼠标移到桌面左下...
274
0
0
Visual Studio Code必备插件
摘要:Visual Studio Code必备常用插件 红色为强力推荐,不容错过 o(∩_∩)o Chinese (Simplifi...
151
0
0
vue.js之render
摘要:Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript的完...
170
0
0
vue.js之 directive 自定义指令
摘要:自定义一个demo指令 Vue自定义指令语法如下: Vue.directive(id, definition) 传入的两个参数,id...
122
0
0
vue.js之mixins混合
摘要:混合以一种灵活的方式为组件提供分布复用功能。混合对象可以包含任意的组件选项。当组件使用了混合对象时,混合对象的所有选项将被“混入...
110
0
0
vue.js之动态组件
摘要::is 动态组件 使用 v-bind:is=”组件名”,会自动去找匹配的组件名,如果没有,则不显示; 通过改变 whic...
165
0
0
Vue.js之$refs
摘要:尽管有 prop 和事件,但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 I...
74
0
0
vue.js之子组件向父组件传递数据
摘要:$emit (传递数据) 触发当前实例上的事件。附加参数都会传给监听器回调。 ** ...
1059
0
0
Vue之slot插槽和作用域插槽
摘要:文章目录 没有插槽的情况Vue2.x 插槽有插槽的情况具名插槽没有slot属性插槽简单实例应用作用域插槽 ( 2.1.0 新增 )...
299
0
0
Git详细教程
摘要:文章目录 简介安装1. 在 Windows 上安装Git2. 在 Mac OS X 上安装Git 基本常用命令1. 使用 `g...
63
0
0
Vue组件通信方式总结
摘要:文章目录 一、父组件向子组件传值(props)二、子组件向父组件传值($emit)三、兄弟组件传值(EventBus)1. 初始化...
50
0
0
vue.js之组件
摘要:Vue.component 注册全局组件 基本步骤 Vue.js的组件的使用有3个步骤:创建组件构造器、注册组件和使用组件。 下面...
162
0
0
关于在for循环中绑定事件打印变量i是最后一次
摘要:在for循环中绑定事件打印变量i是最后一次,其原因是函数引用的外部变量都是最后一次的值。 Document ...
94
0
0
JavaScript中call,apply,bind方法的总结
摘要:文章目录 call()apply()bind()call()、apply()、bind()的区别总结 var a = { u...
33
0
0
彻底理解JavaScript中this指向
摘要:JavaScript中this的指向 情况1: 如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是...
74
0
0
JSON与JSONP
摘要:JSON和JSONP JSON(JavaScript Object Notation)和JSONP(JSON withPaddi...
68
0
0
vue.js之 todolist 简单综合实例
摘要:todolist 效果图: 具体代码: ...
57
0
0
Vue2 生命周期
摘要:文章目录 Vue2 生命周期create 和 mountedupdatedestroyactivated Vue2 生命周期总结...
1308
0
0
vue.js之v-show 与 v-if
摘要:v-show 与 v-if 的区别 v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销...
48
0
0
vue.js之v-text 与 v-html
摘要:v-text 与 v-html 的区别类似于 jquery 里 .text() 与 .html() 的区别 v-text 指令...
45
0
0
vue.js之v-model与v-once
摘要:v-model指令( 双向绑定 ) v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值...
56
0
0
vue.js之v-on与v-bind
摘要:文章目录 v-on 指令v-bind 指令class对象语法class数组语法 v-on 指令 点击 点击--> v-b...
134
0
0
vue.js之v-for
摘要:v-for 指令(列表渲染) list是数组 {{item}} v-for 还支持一个可选的第二个参数为当前项的索...
76
0
0
vue.js之filter过滤器
摘要:filters 过滤器 {{message}} 四舍五入:{{message | toFix}} 保留整数:{{messag...
96
0
0
vue.js之快速入门
摘要:vue的安装 安装先不详讲,先直接引入官方cdn 数据驱动视图vue 实例 大量vue视频教程请加群:{{ name }} ...
35
0
0
WebPack详细入门教程(七)之css和sass的处理
摘要:webpack引入css 安装依赖 npm install --save-dev css-loader style-loader...
114
0
0
WebPack详细入门教程(六)之图片打包处理
摘要:配置文件(webpack.config.js) 1. limit = 后面跟的是数字,加上这个参数,图片文件大小(单位为byte)将...
648
0
0
WebPack详细入门教程(三)之loader加载器(eg:引入CSS)
摘要:WebPack详细入门教程之loader加载器 Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的load...
180
0
0
WebPack详细入门教程(一)之简介
摘要:WebPack详细入门教程之简介 1、什么是Webpack webpack是一个模块打包器: 它做的事情是,分析你的项目结构,找到...
201
0
0
Webpack详细入门教程(五)之构建本地服务器(eg:自动刷新页面)
摘要:Webpack详细入门教程之构建本地服务器实现自动刷新页面 想不想让你的浏览器监听你的代码的修改,并自动刷新显示修改后的结果,其实W...
227
0
0
Webpack详细入门教程(四)之Source Maps调试
摘要:Webpack详细入门教程之Source Maps调试 生成Source Maps(使调试更容易) 开发总是离不开调试,方便的调试能...
179
0
0
Webpack详细入门教程(二)之安装配置
摘要:Webpack详细入门教程之安装配置 安装 Webpack可以使用npm安装,新建一个空的练习文件夹(此处命名为webpack)...
832
0
0
超清的 Webpack2 视频教程
摘要:原创超清的 Webpack2 视频教程 Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就...
68
0
0
ellipsis文本溢出省略
摘要:/*单行文本溢出*/ .ellipsis{ white-space:nowrap ; text-overflow:e...
25
0
0
移动端PSD设计稿与CSS的rem适配设置问题
摘要:rem 是 css3 中新增加的一个尺寸(度量)单位,根节点html的font-size决定了rem的尺寸,也就是说它是一个相对...
87
0
0
jquery动态数字翻滚计数到指定数字的文字特效代码
摘要:动画效果: 具体代码: jquery动态数字翻滚计数到指定数字的文字特效代码 ...
155
0
0
不要过度依赖JQuery
摘要:毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。 不过,当你准备在一个项目(特别...
25
0
0
常用函数封装整理
摘要:阻止对象默认行为 //preDef(Event对象)function preDef(ev){ var ev = ev || w...
23
0
0
纯html5调用手机摄像头
摘要:纯html5,并且不涉及js,实现调用手机摄像头 accept 表示直接打开系统文件目录。 capture表示可以捕获到系...
510
1
0
H5页面在 ios 端滑动不流畅的问题
摘要:IOS系统的惯性滑动效果非常6,但是当我们对div加overflow-y:auto;后是不会出这个效果的,滑动的时候会感觉很生涩...
523
0
0
Babel 7步入门教程
摘要:Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码 妈妈再也不用担心环境不兼容了 so easy~ 1.安装官方提供的...
272
0
0
20个很有很有很有用的CSS技巧
摘要:1.placeholder的颜色值设置 input::-webkit-input-placeholder{color:#AAAAAA...
35
0
0
JS生成某个范围的随机数
摘要:JS生成某个范围的随机数 JS没有现成的函数,能够直接生成指定范围的随机数。 但是它有个函数:Math.random() 这个函...
597
0
0
分享一些前端开发中最常用的JS代码片段~ 干货~
摘要:HTML5 DOM 选择器 1 2 3 4 5// querySelector() 返回匹配到的第一个元素var item = d...
173
0
0
手机/移动前端开发需要注意的20个要点
摘要:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不...
133
0
0
CORS 跨域资源共享
摘要:简介 CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。 它允许浏览器...
105
0
0
CSRF/XSRF 跨站请求伪造攻击
摘要:简介 CSRF(Cross-site request forgery)跨站请求伪造:攻击者诱导受害者进入第三方网站,在第三方网站中,...
114
0
0
XSS 跨站脚本攻击
摘要:文章目录 简介分类1. 存储型(持久型)XSS2. 反射型(非持久型)XSS3. DOM 型 XSS 预防预防存储型和反射型 X...
119
0
0
浅谈 HTTP
摘要:HTTP 简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WW...
29
0
0
浏览器的重绘与重排
摘要:浏览器渲染过程: DOM 树:解析 HTML 构建 DOM(DOM 树)CSS 树:解析 CSS 构建 CSSOM(CSS 树)渲染...
327
0
2
浏览器渲染过程
摘要:浏览器渲染过程 DOM 树:解析 HTML 构建 DOM(DOM 树)CSS 树:解析 CSS 构建 CSSOM(CSS 树)渲染树...
26
0
0
浏览器从输入URL到渲染完页面的整个过程
摘要:文章目录 一、获取IP地址二、TCP/IP三次握手建立连接三、浏览器向web服务器发送http请求四、浏览器渲染五、四次挥手断开连...
319
0
0
手写一个Promise
摘要:什么是promise 彻底掌握 PromisePromise异步操作详解Promise详细用法细说 async/await 1. ...
120
0
0
3分钟理解BFC
摘要:文章目录 BFC的简介BFC的形成BFC的特性BFC特性演示特性1:属于同一个BFC的两个相邻容器的上下margin会重叠特性2:...
101
0
0
CSS盒子模型
摘要:CSS盒子模型包含2种: W3C标准盒子模型(box-sizing: content-box)IE怪异盒子模型 (box-sizin...
31
0
0
对MVVM的理解
摘要:对MVVM的理解 MVVM分为Model、View、ViewModel三者。 Model:数据层,数据和业务逻辑都在Model层中定...
900
0
0
js检测数据类型的几种方法总结
摘要:文章目录 一、typeof二、instanceof1. 基础类型2. 复杂类型(万物皆对象) 三、constructor四、Ob...
430
0
0
localStorage、sessionStorage、cookie的区别及用法封装
摘要:localStorage localStorage 的生命周期是永久的,关闭页面或浏览器 localStorage 中的数据也不会消...
73
0
0
Vue中的diff算法
摘要:文章目录 diff 简介virtual DOM(虚拟DOM)diff 的比较方式vue for 循环中 key 的作用为什么不建议...
122
0
0
css居中常见方法总结
摘要:块级元素居中 html代码部分 child 行内元素居中 html代码部分 child 水平居中 1. 行内元素 te...
172
0
0
Vue中computed与watch
摘要:文章目录 computed (计算属性)getter 与 setter watch(监听属性)immediate(立即监听)de...
162
1
0
git官网下载太慢解决方法
摘要:下载传送门 git淘宝镜像下载链接 选择合适的版本下载就行
131
0
0
CSS中position属性详解
摘要:定义: static:无特殊定位,对象遵循正常文档流。top,right,bottom,left等属性不会被应用。relative:...
155
0
0
ES6之 Generator 函数
摘要:generator(生成器)是ES6标准引入的新的数据类型。 一个generator看上去像一个函数,但可以返回多次。 特征 ...
20
0
0
ES6之Class(类)
摘要:文章目录 Class 定义Class 写法constructorget 和 set静态方法和属性继承extends 关键字supe...
149
0
0
ES6之扩展运算符
摘要:文章目录 数组克隆数组合并数组拼接字符串转数组与解构赋值结合类数组转换成真正的数组剩余参数 扩展运算符(spread)是三个点(....
155
0
1
ES6之函数优化(默认参数、剩余参数、 箭头函数)
摘要:文章目录 默认参数剩余参数箭头函数对象的函数属性的简写 默认参数 在ES6之前,我们无法给一个参数设置默认值,我们只能采取变通的写...
51
0
0
简单通俗来讲ajax与axios的区别
摘要:区别(简单通俗来讲): ajax是飞机,axios是波音787,$.ajax是空客A380 axios是通过promise实现对...
1438
0
0
git clone 时候出现 Please make sure you have the correct access rights and the repository exists. 问题
摘要:输入 git clone 命令时出现Please make sure you have the correct access rig...
199
0
0
JS判断浏览器当前运行环境
摘要:JS判断浏览器当前运行环境 function BrowserType() { // 权重:系统 + 系统版本 > 平台 > 内核 ...
21
0
0
localStorage与sessionStorage的封装(可设置过期时间)
摘要:/** * localStorage * @调用:_local.set('access_token', '123456', 5000...
748
0
0
js获取url中的参数值(黑科技)
摘要:以此 url 为例:http://localhost/index.html?id=310&name=xia&phone=1380...
77
0
0
vscode同步设置扩展插件
摘要:一、在vscode中安装同步插件 Settings Sync 二、进入 github 中设置 1. Settings => Dev...
1004
0
0
vue axios 导出功能
摘要:请求后台接口后台返回二进制流前端实现浏览器自动下载成exlce文件 如下图: 主要方法如下: /** * download方...
548
0
0
eslint配置大全
摘要:找到 .eslintrc.js 下的 rules 添加对象即可 如果违反了规则情况下,这里的数字:0表示不不处理,1表示警告,...
25
0
0
JavaScript函数柯里化
摘要:函数柯里化是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数...
53
0
0
JavaScript 事件流
摘要:文章目录 事件事件绑定事件流DOM标准事件流阻止事件冒泡/捕获阻止默认事件事件代理(委托) 事件 JavaScript 使我们...
227
0
0
TCP的三次握手四次挥手
摘要:三次握手: 所谓三次握手(Three-wayHandshake),是指建立一个TCP连接时,需要客户端和服务器总共发送3个包。 ...
24
0
0
2021年10月大厂高频核心前端面试题总结,五万多字,面试必考
摘要:文章目录 📌HTML1. 如何理解HTML语义化2. 默认情况下,哪些HTML标签是块级元素、哪些是内联元素3. ⚡️HTML...
121
0
0
ES6之新特性汇总
摘要:📌查看ES6专辑 ES6之 let 和 const 关键字 ES6之 解构赋值 ES6之 扩展运算符 ES6之 字符串S...
21
0
0
微信小程序中长按识别二维码
摘要:小程序中的图片已支持长按识别了,总结一下几种情况下: 一、image标签 + show-menu-by-longpress=“{{...
754
0
0
Vue-Router 4.x
摘要:文章目录 路由配置路由跳转及参数路由(导航)守卫动态路由路由懒加载keep-alive 路由配置 与之前版本区别: 由 crea...
127
0
0
RESTful API
摘要:REST基本概念 REST,表示性状态转移(representation state transfer)。 简单来说,就是用UR...
32
0
0
Redux之useSelector、useDispatch
摘要:React Redux 从 v7.1.0 开始支持 Hook API 并暴露了 useDispatch 和 useSelecto...
434
0
0
React之Redux
摘要:文章目录 简介什么时候需要使用ReduxRedux架构Redux工作流Redux三大原则Redux简单流程Redux流程详解1. ...
253
0
0
React Hooks 之 useContext
摘要:React.createContext 在父组件中定义: import React from 'react';import Reac...
63
0
0
React Hooks 之 useEffect
摘要:简介 纯函数 给一个函数同样的参数,那么这个函数永远返回同样的值。 副作用 副作用与纯函数相反,指一个函数处理了与返回值无关的事情。...
47
0
0
CSS in JS之React-Emotion
摘要:emotion 是一个 JavaScript库 ,使用 emotion 可以用写 js 的方式写 css 代码(CSS in J...
488
0
0
html {font-size: 62.5%}
摘要:一般的,各大主流浏览器的font-size默认值为 16px,此时 1rem = 16px(所以 12px = 0.75rem); ...
72
0
0
github配置ssh key密钥的方法
摘要:ssh连接原理 在我们提交代码的时候, github需要用我们账号对应的公钥去解密我们提交的代码,如果能正确的解密说明当前提交代码的...
257
0
0
taro预览小程序时打包文件过大
摘要:发现问题 taro 预览微信小程序时打包文件过大,代码包竟有1802KB 提示如下: 解决方法 在package.json中...
32
0
0
yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。
摘要:1、问题描述 执行yarn相关命令时报错: yarn : 无法加载文件 C:\Users\Administrator\AppData...
2998
0
0
js 截取字符串中url地址
摘要:function getUrl (str) { const reg = /(https?|http|ftp|file):\/\...
40
0
0
js实现放大镜
摘要:效果图 实现原理 借助宽高等比例放大的两张图片,结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成; 左侧遮罩移动Xpx,右...
14
0
0
非常实用的在线工具网站清单
摘要:文章目录 🎉 在线图片压缩🎉 在线GIF压缩🎉 最好用的切图工具🎉 在线PS工具🎉 一键AI抠图🎉 免费字体🎉 免费...
148
0
0
React 路由
摘要:基于 React Router 5.x 安装路由 安装:npm install react-router-dom --save...
18
0
0
JS设备判断
摘要:判断是移动还是PC设备 export const isMobile = () => { if ((navigator.userAg...
24
0
0
React国际化react-i18next
摘要:简介 react-i18next 是基于 i18next 的一款强大的国际化框架,可以用于 react 和 react-nativ...
160
0
0
React17 路由的安装使用与传参
摘要:目前是基于 React Router 5.3.0 安装路由 安装:npm install react-router-dom -...
118
0
0
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.