07 2022 档案
用原生javascript写出jquery中slideUp和slideDown效果
摘要:用on给动态添加的元素绑定hover事件,没有生效的解决 经常要动态加载dom节点,加载之后的节点当然也会有一些绑定事件的需求,今天...
gulp-imagemin、gulp-tinypng-compress、gulp-tinypng-nokey图片压缩优化详解及对比
摘要:gulp详细入门教程传送门: http://blog.csdn.net/x550392236/article/details/7...
Sublime text3 3143新版激活码许可证(2017-12-01亲测有效)
摘要:Sublime Text 3 简体中文汉化包使用方法 ( 更新时间2019.03.20) Sublime text3 3143...
gulp 给静态资源文件添加hash(md5)后缀 防止缓存
摘要:一、安装需要的包 npm install gulp gulp-rev run-sequence gulp-rev-collect...
关于微信自定义分享的链接、标题、描述、图片都未生效问题详解
摘要:之前写了一篇关于微信js-sdk分享详解及demo实例(图文并茂很详细)的文章 很多人有这样的问题,为什么debug都返回ok但...
JavaScript设置cookie、读取cookie、删除cookie详解
摘要:JS设置cookie 设置username='jack'的cookie document.cookie = 'username=ja...
JavaScript中escape()、encodeURI()、encodeURIComponent()区别详解
摘要:前言 JavaScript中有三个可以对字符串编码的函数,分别是:escape,encodeURI,encodeURICompo...
gulp-connect实现页面实时自动刷新
摘要:gulp-connect实现页面实时自动刷新,解放F5 gulpfile.js var gulp = require('gulp')...
JavaScript闭包
摘要:闭包的简介 简单讲,闭包就是指有权访问另一个函数作用域中的变量的函数。 MDN 上面这么说:闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。 创建闭包的最常见的方式就是在一个函数内创建另一个函数,...
手把手教你在Github Pages搭建自己写的页面
摘要:一.创建仓库 二.获取仓库 1.打开settings,有一个Github Pages 的设置,点击 source 中的本来的...
JavaScript判断是否为微信浏览器或支付宝浏览器
摘要:判断是否为微信浏览器或支付宝浏览器 if (/MicroMessenger/.test(window.navigator.userA...
ajaxfileupload.js异步上传文件插件(完整demo)
摘要:ajaxfileupload.js异步上传文件插件 HTML: JS: //点击上传图片$('#salesman-submit...
JavaScript字符串 数组处理
摘要:字符串处理 var str = "Hello world!"// 返回指定字符首次出现的位置,不存在则返回-1console.log(str.indexOf("e")) // 1 // 返回指定字符最后出现的位置,不存在则返回-1console.log(st...
JavaScript之词法作用域和动态作用域
摘要:作用域 作用域是指程序源代码中定义变量的区域。 作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限。 JavaScri...
JavaScript中 for of 和 for in 的区别?
摘要:文章目录 1. for...in 循环出的是 `key`, for...of 循环出的是 `value`2. for...in 循...
ES6之Module语法(import/export)
摘要:ES6之前已经出现了js模块加载的方案: CommonJS, AMD, CMD都是JS模块化的规范。CommonJS是服务器端js模...
vue-cli 3.0 中 vue.config.js 相关配置
摘要:vue-cli3 和 vue-cli2 相比文件目录少了很多配置,没有了build和config目录 那么像vue cli2 之前...
Axios 各种方法传递参数 Demo
摘要:Axios 各种方法传递参数 Demo get delete 方法较为不同 axios.get(url[, config])axio...
Axure rp8.1.0.3381激活码(2019-07-26 亲测可用)
摘要:Axure rp8.1.0.3381 3382 激活码(2019-07-26 亲测可用) License:zd423 Key:LrZ...
Vue路由导航 router-link 和 router.push
摘要:文章目录 router-linkrouter.push总结1、 路由携带参数时2、设置路由map里的path值(router.js...
vue-cli build打包后CSS前缀被自动去除
摘要:background: -webkit-linear-gradient(left,#ccc,#fff)background: -mo...
推荐一款GitHub超实用的可视化代码树插件:Octotree
摘要:先上图 有了这个插件就能很容易看清目录结构和当前所在位置 Chrome安装插件 在Chrome 网上应用店搜索下载Octotr...
vscode个性化配置settings.json
摘要:C:\Users\Admin\AppData\Roaming\Code\User\settings.json 更新于:2019...
vue之动画( 仿jquery的slideToggle动画效果 )
摘要:Vue提供了transition组件,写法: 在进入/离开的过渡中,会有 6 个 class 切换。 v-enter:定义...
关于vue-cli项目build后本地和github pages预览问题
摘要:前言 最近在初步完成自己的掘金移动端App后,想要上传到github,并且制作一个简单的预览功能,期间遇到了一些问题,分享在此,以便...
通过document.domain + iframe解决跨域问题
摘要:document.domain用来得到当前网页的域名。 比如在百度(https://www.baidu.com)页面控制台中输入: ...
JS获取图片的原始尺寸和上传图片大小
摘要:JS获取图片的原始尺寸 一、html5 中新的naturalWidth和naturalHeight属性 在HTML 5中,新增加了两...
Sublime Text 3 前端必备插件
摘要:一、安装Package Control插件 在安装插件之前,需要让sublime安装Package Control。 使用Ctrl...
Sublime Text 3 简体中文汉化包使用方法 ( 更新时间2019.03.20 )
摘要:. 点击下载汉化包(亲测可用) . 1、由上面的链接得到的 Default.sublime-package 文件。 打开sublim...
win8 win10 安装msi 提示2502、2503的错误代码
摘要:前言: 归根到底是权限不够导致的。win7应该不会有这个问题。 解决方法: 方法1:(临时安装方法 ) 1、鼠标移到桌面左下...
Visual Studio Code必备插件
摘要:Visual Studio Code必备常用插件 红色为强力推荐,不容错过 o(∩_∩)o Chinese (Simplifi...
vue.js之 directive 自定义指令
摘要:自定义一个demo指令 Vue自定义指令语法如下: Vue.directive(id, definition) 传入的两个参数,id...
JavaScript中call,apply,bind方法的总结
摘要:文章目录 call()apply()bind()call()、apply()、bind()的区别总结 var a = { u...
vue.js之v-model与v-once
摘要:v-model指令( 双向绑定 ) v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值...
WebPack详细入门教程(七)之css和sass的处理
摘要:webpack引入css 安装依赖 npm install --save-dev css-loader style-loader...
WebPack详细入门教程(六)之图片打包处理
摘要:配置文件(webpack.config.js) 1. limit = 后面跟的是数字,加上这个参数,图片文件大小(单位为byte)将...
WebPack详细入门教程(三)之loader加载器(eg:引入CSS)
摘要:WebPack详细入门教程之loader加载器 Loaders是webpack提供的最激动人心的功能之一了。通过使用不同的load...
Webpack详细入门教程(五)之构建本地服务器(eg:自动刷新页面)
摘要:Webpack详细入门教程之构建本地服务器实现自动刷新页面 想不想让你的浏览器监听你的代码的修改,并自动刷新显示修改后的结果,其实W...
Webpack详细入门教程(四)之Source Maps调试
摘要:Webpack详细入门教程之Source Maps调试 生成Source Maps(使调试更容易) 开发总是离不开调试,方便的调试能...
Webpack详细入门教程(二)之安装配置
摘要:Webpack详细入门教程之安装配置 安装 Webpack可以使用npm安装,新建一个空的练习文件夹(此处命名为webpack)...
移动端PSD设计稿与CSS的rem适配设置问题
摘要:rem 是 css3 中新增加的一个尺寸(度量)单位,根节点html的font-size决定了rem的尺寸,也就是说它是一个相对...
分享一些前端开发中最常用的JS代码片段~ 干货~
摘要:HTML5 DOM 选择器 1 2 3 4 5// querySelector() 返回匹配到的第一个元素var item = d...
手机/移动前端开发需要注意的20个要点
摘要:移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不...
浏览器从输入URL到渲染完页面的整个过程
摘要:文章目录 一、获取IP地址二、TCP/IP三次握手建立连接三、浏览器向web服务器发送http请求四、浏览器渲染五、四次挥手断开连...
localStorage、sessionStorage、cookie的区别及用法封装
摘要:localStorage localStorage 的生命周期是永久的,关闭页面或浏览器 localStorage 中的数据也不会消...
ES6之函数优化(默认参数、剩余参数、 箭头函数)
摘要:文章目录 默认参数剩余参数箭头函数对象的函数属性的简写 默认参数 在ES6之前,我们无法给一个参数设置默认值,我们只能采取变通的写...
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...
localStorage与sessionStorage的封装(可设置过期时间)
摘要:/** * localStorage * @调用:_local.set('access_token', '123456', 5000...
2021年10月大厂高频核心前端面试题总结,五万多字,面试必考
摘要:文章目录 📌HTML1. 如何理解HTML语义化2. 默认情况下,哪些HTML标签是块级元素、哪些是内联元素3. ⚡️HTML...
Redux之useSelector、useDispatch
摘要:React Redux 从 v7.1.0 开始支持 Hook API 并暴露了 useDispatch 和 useSelecto...
React Hooks 之 useContext
摘要:React.createContext 在父组件中定义: import React from 'react';import Reac...
React Hooks 之 useEffect
摘要:简介 纯函数 给一个函数同样的参数,那么这个函数永远返回同样的值。 副作用 副作用与纯函数相反,指一个函数处理了与返回值无关的事情。...
CSS in JS之React-Emotion
摘要:emotion 是一个 JavaScript库 ,使用 emotion 可以用写 js 的方式写 css 代码(CSS in J...
html {font-size: 62.5%}
摘要:一般的,各大主流浏览器的font-size默认值为 16px,此时 1rem = 16px(所以 12px = 0.75rem); ...
github配置ssh key密钥的方法
摘要:ssh连接原理 在我们提交代码的时候, github需要用我们账号对应的公钥去解密我们提交的代码,如果能正确的解密说明当前提交代码的...
yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本。
摘要:1、问题描述 执行yarn相关命令时报错: yarn : 无法加载文件 C:\Users\Administrator\AppData...
React国际化react-i18next
摘要:简介 react-i18next 是基于 i18next 的一款强大的国际化框架,可以用于 react 和 react-nativ...