前端
文章平均质量分 64
qq_23876873
这个作者很懒,什么都没留下…
展开
-
前端组件库大合集
0. 前端自动化(Workflow)前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S – 前端集成解决方案 前端模块管理器 Bower – ...原创 2020-04-26 14:40:31 · 978 阅读 · 1 评论 -
scss/sass 快速入门
1.1.定义变量$开头就可以定义点亮:比如$sidebar-width、$highlight-color1.2.变量引用1.3下划线 '_' 和 中划线 '-'sass的变量名可以与css中的属性名和选择器名称相同,包括中划线和下划线2.1嵌套规则css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时,往往需要 一遍又一遍地写同一个ID...原创 2018-12-21 17:29:37 · 3904 阅读 · 1 评论 -
微信小程序&mpvue F&Q
目录结构 3用于设置页面配置https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#页面配置5用于全局配置https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置4状态管理vuexvuex的...原创 2018-12-18 17:21:01 · 915 阅读 · 0 评论 -
es6 FAQ
浏览器不支持export importscript的标签必须为type="module",import的时候带上.js的后缀名浏览器特性检查http://ruanyf.github.io/es-checker/index.cn.html原创 2019-02-27 14:39:50 · 101 阅读 · 0 评论 -
vscoder FAQ 和 插件
sass插件scss intellisense提示插件sass代码高亮Easy Sass.scss代码保存转换为csssassvariables helper变量提示typescript插件tslinttypescript importervuetypescriptsnippetsvue插件veturvue vs...原创 2019-02-19 11:04:06 · 195 阅读 · 0 评论 -
nw.js FAQ
nw双击后,打开指定的工程1.新建nw.exe的快捷方式2.快捷方式--属性--,添加需要打开的工程目录 --nwapp=工程目录nw配置远程url和远程权限nw添加第三方插件:比如vue-devtools...原创 2019-03-01 09:46:08 · 298 阅读 · 0 评论 -
弹窗B滑动,禁止下层A scroll滚动
问题:不管如何禁止(event.stopPropagation();event.preventDefault()),阻止默认事件,中断消息传播,都不行。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="原创 2019-02-20 21:42:41 · 403 阅读 · 0 评论 -
Web Worker
http://www.ruanyifeng.com/blog/2018/07/web-worker.htmlWeb Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。这样的好处是,一些计算密集...原创 2019-02-20 23:08:19 · 108 阅读 · 0 评论 -
命令行语法字符串
原创 2019-03-14 23:34:14 · 730 阅读 · 0 评论 -
axios+formdata 上传文件
最近项目要做文件上传,作为萌新表示这种操作有点鸭梨,知之为知之不知百度知,好吧百度说formdata 好那我们就动手了首先照着formdata文档来先new 一个对象let formData = new FormData()formData.append('xxx', 'yyyyy')跑一遍没报错,好像是可以的,但是就是console直接打印是空的,看文档说要这么干:console...原创 2019-06-01 10:07:38 · 10769 阅读 · 1 评论 -
cordova+vue 项目结构配置
1.项目同一级目录放置。2.项目添加到同一工作区3.对vue项目进行配置0.cordova.js添加到index.html中,不然cordova的安装插件都无法获取1.修改package.json"android": "npm run build && cd ../项目名 && cordova run android"2.修...原创 2018-12-13 13:59:45 · 706 阅读 · 0 评论 -
chromeFAQ
打开手机webview调试chrome://inspect/device#devices原创 2018-11-26 23:32:26 · 86 阅读 · 0 评论 -
js、dom、html、css常见问题FAQ
获取元素dom的距离窗口的坐标距离/xyXXX.getBoundingClientRect() top left right bottomdom节点克隆node.cloneNode(deep)可选。默认是 false。设置为 true,如果您需要克隆节点及其属性,以及后代设置为 false,如果您只需要克隆节点及其后代父A flex模式,子B设置flex-g...原创 2018-10-19 18:04:12 · 194 阅读 · 0 评论 -
项目添加到cordova过程
cordova部分安装npm install -g cordova新建一个工程进入到创建目录添加Androidvue部分build vue工程修改config/index.js配置中路径npm run build复制dist目录到cordova工程的www目录下最后运行不复制Vue打包后的文件 - ...原创 2018-10-22 15:00:37 · 526 阅读 · 0 评论 -
anime.js常见操作
目录 官网文档兼容性安装引入1.es6中引入2浏览器中引入简单使用Targets/目标对象Animatable properties/可以被动画的属性CSSIndividual CSS transforms/transform的使用JavaScript Object propertiesDOM AttributesSVG Att...原创 2018-10-20 15:40:41 · 5542 阅读 · 0 评论 -
Flex布局
目录 基本概念box(父)上的属性设置开启flex布局flex-direction主轴的方向flex-wrap项目都排在一条线flex-flowjustify-content主轴上的对齐方式align-items交叉轴上对齐方式(轴内的对齐方式)align-content多轴线的对齐方式(轴线间的对齐方式)item(子)上的属性设置flex-grow...原创 2018-10-25 13:32:15 · 162 阅读 · 0 评论 -
jqueryAPI
原创 2018-10-21 04:54:00 · 520 阅读 · 0 评论 -
vscode--FAQ
tab提示问题/emmet简写文件--首选项--键盘映射快捷键右侧设置如下{ "key": "tab", "command": "editor.emmet.action.expandAbbreviation","when": "config.emmet.triggerExpansionOnTab && editorTextFocus &原创 2018-10-24 16:29:45 · 160 阅读 · 0 评论 -
hammer.js
hammer.js基本使用原创 2018-11-01 16:29:24 · 526 阅读 · 0 评论 -
Vuex常见操作---FAQ
目录 如何在Vuex中导入模块modules--user.jsuser模块访问操作(开启作用域)store导入模块(modules)--user.jsvuex在vue和非vue中如何引用,例如:router中 如何在Vuex中导入模块modules--user.jsconst user = { /** * 开启命名空间 */ ...原创 2018-11-21 20:57:27 · 152 阅读 · 0 评论 -
cordova FAQ
Corodva Could not resolve com.android.tools.build:gradle:xxx使用 cordova run android 运行时,出现错误* What went wrong:A problem occurred configuring root project 'android'.> Could not resolve all files...原创 2018-11-26 11:04:39 · 81 阅读 · 0 评论 -
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE102012-04-25 16:29:04| 分类: 学习 |字号 订阅在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下转载 2017-08-05 02:35:04 · 1071 阅读 · 1 评论