- 博客(39)
- 收藏
- 关注
原创 如何快速上手一个框架
如何快速上手一个框架查阅文档上手关键点生命周期页面通信状态管理按需查阅组件和APIDEMO查阅文档快速上手一个框架,快速,必须先大致了解官方文档或开源文档,这样才能在遇到问题后快速找到解决方法;例如:uni-app官网uniapp >|—— 介绍:*安装、*注意事项、*条件编译、建议、案例 | |—— 框架:*配置、框架接口(*生命周期、*页面通讯)...
2020-05-03 19:33:08
428
原创 animate.css
animate.css晃动效果弹性缓冲效果透明度变化效果翻转效果旋转效果滑动效果变焦效果特殊效果可以元素嵌套混合效果,一个小例子,嵌套了bounceInDown,wobble效果,并delay-2s延迟执行分类:Attention晃动效果Bounce弹性缓冲效果Fade透明度变化效果Flip翻转效果Rotate旋转效果Slide滑动效果Zoom变焦效果Special特殊效果...
2020-01-23 19:38:17
300
原创 AOS.JS
Animation of Scroll 基于CSS3 animation,不支持低版本浏览器;和基于Animation.css的收费库WOW.JS相似,但有自己的特色;npm官网 aos.js安装npm i aos --save手动添加<link rel='stylesheet' href='_base_file_/aos.css'><script s...
2020-01-01 19:03:15
3826
1
原创 Font-End常见的命令提示符
Font-End常见的命令提示符CMDLINUXVI VIMGITNPMYARNCMDdir 显示目录文件列表(ls)cd 进入目录md 创建目录rd 删除目录<xxx.file> 进入文件ren重命名文件del删除文件cls、clear 清屏exit退出ssh-keygen -t rsa -C "<url>" .ssh目录里生成id_rsa私钥和id...
2019-12-12 13:28:37
193
原创 一些Ajax的相关内容
手写Ajax的封装ajax三部曲ajax三部曲var http = new XMLHttpRequest()http.open("GET","xxx.com/xx",true)http.send()http.onreadystatechange((response)=>{ //做出不同的处理 if(http.readystate === 4){ if(http.status...
2019-12-12 11:47:54
124
原创 数组的扁平化、排序、随机乱序、去重、并集、交集、差集
数组的扁平化、去重、排序、随机乱序、交集、差集扁平化扁平化多层嵌套数组的扁平化,例如[1,2,3,[4,[5,6,7],8],9]=>[1,2,3,4,5,6,7,8,9];递归遍历数组,concat合并数组;关键在于遍历数组;arr.some()Arr.some(fo(item,index,arr),callback)数组遍历每一项传入fo(),item传入回调函数;如果有一...
2019-12-09 16:16:48
325
转载 node.js基础知识
node.js基础知识了解交互式解释器REPLEventEmitterBuffer缓冲区stream流模块系统NodeJS函数路由全局对象常用工具文件系统GET/POST请求Web模块工具模块OS模块Path模块文件系统 方法参考手册了解菜鸟教程常用的属性和方法命令行输入node进入交互模式,可以在终端执行语句;node file.js执行JS文件;node是单线程,回调执行异步,提高...
2019-11-28 21:34:23
259
原创 console入门
console入门console回车后查看常用:console.log() // 打印日志console.debug() // 打印调试console.error() // 打印错误console.info() // 打印信息console.warn() // 打印警告console.assert() // 打印断言console.clear()...
2019-11-24 21:19:57
427
原创 materialize基础---组件
materialize基础---组件轮播 carousel折叠 collapsible弹出消息 toast提示 tooltipped下拉列表 dropdown(留坑中)轮播 carousel结构:.carousel.carousel-slider> a.btn.carousel-fixed-item+ carousel-item*n设置://初始化$("#").car...
2019-11-24 20:33:21
441
原创 ECHATS入门
ECHATS入门获取/引入使用柱状图南丁格尔图(饼状图)样式(颜色)颜色主题调色板直接设置样式高亮样式visualMap异步加载和更新管理数据获取/引入官网使用必须初始化xAxis,yAxis,series和必须有hight,width;下载:完全版,压缩版,自定义版(在线官网生成/npm生成);npm//npmnpm i echarts --save默认设置通过npm构建...
2019-11-24 20:31:30
146
原创 indexedDB开坑
indexedDB开坑示例连接,新建数据库新建表,主键(自增),索引(唯一性)增删改查:关闭/删除数据库示例 //兼容 window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; if(!window.indexedD...
2019-11-20 16:13:34
291
原创 xampp开坑
xampp开坑安装配置部署安装不安装在系统盘配置端口设置,避免冲突;Apache(httpd.conf):Listen 80 => 8081;ServerName localhost:80=>8081Apache(httpd-ssl.conf):Listen 443 => 4433;<VirtualHost _default_:443> => ...
2019-10-11 23:51:16
127
原创 VUE中的修饰符、指令
VUE中的修饰符小总结事件修饰符键盘按键修饰符鼠标按钮修饰符系统修饰符精准系统修饰符`.exact`鼠标、键盘事件API事件修饰符.stop阻止事件继续传播 => event.stopPropagation().prevent阻止事件默认行为 => event.preventDefalt().capture事件捕获模式,先当前元素后向内执行 => addEventLis...
2019-09-09 22:40:02
168
翻译 ElementUI
ElementUI基础安装引入配置国际化自定义主题内置过渡动画组件layout布局el-row属性el-col属性el-container布局容器el-container属性el-header属性el-aside属性el-footer属性color色彩el-button按钮 el-button-group按钮组表单控件el-radio单选框el-checkbox多选框el-input输入框 el-...
2019-09-09 22:38:49
1283
原创 vue.js基础入门
Vue.js基础入门概述生命周期钩子常用指令及修饰符指令示例插值动态绑定 v-bind条件渲染 v-if v-show列表渲染 v-for事件监听 v-on表单输入绑定 v-model处理数组处理对象概述Vue应用,一切以new Vue()创建根VUE实例开始,给与一个容器,实现双向绑定响应式单页面应用。推荐:Vue.js中级进阶未完待续!生命周期钩子对于了解生命周期(Vue中文官网)很...
2019-09-09 22:36:22
774
原创 Angular2瞎看
Angular2瞎看介绍@angular/cli新建模块构造器和周期钩子指定数据类型自定义类(数据类)数据绑定元素类绑定元素属性绑定遍历、判断事件组件通信跨组件通信:服务和依赖注入DI管道符filter路由抽离模块ng-UI库ng表单验证HttpClientModule介绍学习angular的相关点,完全不用理会是不是真的某某网 Σ( ° △ °|||)︴项目gitee地址@angular...
2019-09-09 22:33:54
317
转载 vue-router入门
vue-router安装和配置传参子路由跳转--手动访问和手动传参命名视图导航钩子单页应用路由~!vue-router官网安装和配置HTML引入vue.js和vue-router.js文件;新建js文件,搭建模版;关联vue-router;关联一个入口,完成HTML页面。var routersArr = [ { path:"/", component:{ ...
2019-08-03 22:12:25
97
原创 天气查询 —— UNI-APP试水
KIKPIN WEATHER —— 第一个UNI-APP项目记录毫无章法的随笔流水账:pages(启动页)、subPackages分包、globalSytle样式(状态栏、背景、mp-ali标题栏)、tabBar配置在pages.json;全局CSS可以写在APP.VUE里,pages中.vue文件样式作用局部,不需scoped;app.vue里面全局引入外部样式表@import "./u...
2019-07-08 05:46:47
1322
转载 pure.css入门
pure.css入门引入栅格系统基础菜单引入先添加viewportmeta元素,保证移动端宽度与缩放;基于normalize.css:<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/base-min.css">;CDN:<link rel="stylesheet" href="https...
2019-06-27 23:08:48
1009
原创 JS遇到的一些问题(持续更新)
JS原生遇到的一些问题window.onload = function(){...}一个页面中只执行一次;相当于onload事件绑定匿名函数;一个页面中,一个JS应用另一个JS文件的函数;通过操作DOM插入JS文件,然后执行里面的函数,必须在</body>标签之后//html中引用B文件<body></body><script src="...
2019-06-23 22:31:25
249
转载 MySQL入门
MySQL入门RDBMS术语MySQL指令操作MySQL指令php操作MySQLnode.js操作MySQL虚拟空间使用MySQL,暂时跳过安装与设置、初始化;MariaDB数据库管理系统是此开源分支;以innoDB引擎为主流RDBMS术语关系型数据库管理系统:数据库 => 数据表 => 列、行冗余:存储双倍数据,提高安全性主键:唯一的,一个表只有一个,用于查询数据...
2019-06-22 23:13:12
212
原创 vue遇到的一些问题(持续更新)
vue实战中遇到的一些问题获取DOM元素以及相关属性方法操作vue2封装了setTimeout函数,会返回一个含有 _id 属性的对象,传参clearTimeout (_id);注意:函数执行时是否新建了一个计时器/延迟器;运用window.setTimeout()、window.clearTimeout()加前缀;原生事件function($event)中$event.currentTa...
2019-06-14 01:26:25
171
转载 VUEX入门
VUEX入门stategettersmutationactionsmapGetters mapActions 辅助函数vue.js中管理数据状态的库,集中数据存储,供所有组件访问;根组件 = > props =>子组件 => event事件 = > 根组件;vuex(getter/mutation);npm淘宝镜像安装,提升速度;简单的使用:state...
2019-05-15 20:22:51
153
转载 原生JS--增删改查
JS--增删改查字符串的增删改查数组的增删改查对象(属性)的增删改查DOM的增删改查字符串的增删改查(不改变原字符串)增连字符“+”/Str.concat()删Str.substr(startIndex,length),该方法W3C不建议使用Str.substring(startIndex,endIndex),传入非负整数参数Str.trim(),删除字符串间空格,ES6...
2019-04-22 03:05:15
1460
转载 PS简易切图
PS简易切图方法:Photoshop cs(传统手动切图,参考线切图),Photoshop cc (精准切图,自动切图);注意:存为web所用格式 => png-24,透明度,交错切片选择工具 => 隐藏自动切图;切片工具 => 基于参考线的切片;精准切图:导出 => 将图层导出到文件;自动切图:编辑 => 首选项 => 增益工具 => 启...
2019-04-04 02:26:15
121
转载 jQuery--常用关键词
jQuery--常用关键词就绪选择器事件效果DOM操作树遍历AJAX异步$符JSONP跨域其他关键词jQuery插件就绪通过内容分发网络CDN引用,或本地引入;$(document).ready(function(){...}),简写$(function(){...});选择器ID选择器CLASS选择器更多:语法描述$("*")选取所有元素$(thi...
2019-04-01 16:30:46
936
转载 CommonJS,ES6,CMD,AMD规范
CommonJS模版规范CommonJSnode采用CommonJS模块规范;有自己的作用域,一个文件里的变量,函数,类都是私有的;CommonJS的每个模版内部的module对象的exports属性是对外的接口,加载模版本质是加载该模版的module.exports属性;输入的是输出值的拷贝/复制。require方法用于加载该模版;//导出var exports = module...
2019-01-18 03:28:13
341
转载 JS变量及其相关属性方法
JS变量及其相关属性方法变量提升作用域变量提升函数提升封装值得类型(数据类型)变量的比较String对象Array对象ES6相关变量提升作用域全局作用域,函数作用域,块级作用域(ES6,即一对大括号内{});var定义函数级变量,const定义函数级常量(必须初始化),let定义块级变量,const a = &quot;a&quot;;//必须赋值var yo = &quot;Muhaha&quot;;c
2019-01-17 07:30:20
825
原创 vue.js中级进阶
vue.js中级进阶组件注册 Vue.component()组件名大小写全局注册 和 局部注册模块系统属性特性propprop的大小写传递动态或静态prop值props单向数据流--父子通信props的验证prop的继承自定义事件v-model监听原生事件 .native $listenersprop的双向绑定 .sync插槽 slot动态组件 异步加载处理边界(通信)个例相关程序化的事件循...
2019-01-10 22:02:16
1039
1
转载 Materialize基础---组件
Materialize基础---组件徽章 badge按钮 btn路径导航(面包屑导航) breadcrumb卡片 card信息块 chip集合 collection页脚 page-footer表单控件和验证 input-field validate图标 material-icons导航条 nav-wrapper分页组件预加载组件 加载动画效果徽章 badge用于未读信息条数提示&lt;sp...
2019-01-05 16:39:52
1681
1
转载 Materialize基础---css
Materialize基础---css颜色网格系统container section divider12列栅格屏幕尺寸对齐阴影效果表格媒体样式图片视频sass字体样式颜色功能强大的调色板,见中文文档网格系统container section divider.container宽为70%/85%,居中.section顶部底部填充.divider像素分割线12列栅格一行.row分列....
2019-01-03 01:01:27
1041
转载 前端工程化--关于npm/yarn、webpack、vue的工具链
前端工程化--关于npm/yarn、webpack、vue的使用依赖管理工具npm/yarn安装起步包的安装删除包和依赖安装所有依赖更新包清楚缓存设置webpack配置安装webpack4.0 和 webpcak-cliVue基础配置安装 @vue/cli依赖管理工具npm/yarn安装npm和yarn都基于node.js,前往node官网安装Node,Node自带npm开箱即用;还可以前往...
2019-01-01 21:34:47
1382
转载 window.setTimeout()和window.setInterval()执行问题
setTimeout和setInterval执行问题 window.setTimeout(function(){ console.log("1"); },0); window.setInterval(function(){ console.log("2") },100); console.log("3");> 3> 1> 2> 2浏览器可以多...
2018-12-27 23:24:17
706
转载 Webpack基础入门
Webpack基础入门安装配置webpack加载其他类型文件1.css-loader style-loader2.file-loader3.csv-loader xml-loader4.html-webpack-plugin5.clean-webpack-plugin开发模式:developmentsource map热更新(*更新中* )示例配置表优秀的打包工具,减少前端工作量,模块化编程,...
2018-12-27 13:00:16
285
转载 HTTP header
HTTP header表单form的enctype属性异步AJAX.setRequestHeader()设置表头HTTP headerHTML :form enctype = “value”AJAX:Ajax.setRequsetHeader(“content-type”,“multipart/form-data”)学到form表单提交请求获取数据,就想到怎么上传数据?试了一下in...
2018-12-26 01:16:11
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人