
前端
html 遇到多个class时取当前行参数
html 遇到多个class时取当前行参数
html/jquery 常用的输入与获取参数
1 html 表单组件 1.1 输入框 1.2 单选框 2 js获取参数
js常用代码总结
2 js获取网页/浏览器属性状态 2.1 属性值获取 2.2 js事件监听 2.2.1 窗口大小事件 1 动作类 1.1 IE6-9禁止用户选中文本 1.2 让IE识别h5 1.3 进度条 1.4 图片延时加载 1.5 禁止右键菜单 1.6 自定义右键菜单 1.7 禁止键盘操作 1.8 JS 实现DIV 滚动至顶部后固定 1.9 倒计时
html上传图片
html上传图片
jquery 获取 IP地址与地理位置
1. 接口 2 获取地理位置 具体到市 3 获取IP地址
jquery+html 压缩图片
jquery+html 压缩图片
js 检测浏览器 鼠标状态 页面状态
原理:浏览器判断是否切换页面主要是判断 用户是否切换 选项卡 tab 1 方法: (1) document.hidden 返回值为true:表示被隐藏,不可见 返回值为false:表示未被隐藏,可见 (2)document.visibilityState 返回值为 visible:表示是可见状态 返回值为 hidden:表示隐藏状态 检测用户是否切换页面
jquery 时间操作
1 时间格式化 2 获取当前时间戳 3 时间戳转时间
前端异步请求 ajax与axios
1 ajax 2 axios 2.1 安装 3 常用轮子 3.1 函数 3.2 遍历数组 3.3 重定向
Promise语法
做什么 是一种异步编程的方案 什么时候会来异步处理时间呢? 网络请求 如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦
vue路由vue-router
步骤一:安装vue-router npm install vue-router --save 步骤二:在模块化工程中使用它(因为是一个插件,所以可以通过Vue.use()来安装路由功能) 导入路由对象,并且调用Vue.use(VueRouter) 创建路由实例,并且传入路由映射配置 在Vue实例中挂载创建的路由实例
Vue 脚手架CLI 初始化项目
CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架。 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置。 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置
node.js安装使用
常规 npm install [name] 修改为淘宝NPM镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install [name]
webpack搭建本地服务器
基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。 deserver也是作为webpack中的一个选项,选项本身可以设置如下属性 (1)contentBase:为哪一个文件夹提供本地服务,默认是跟文件夹,我们这里可以填写./dist (2)port:端口号 (3)inline:页面实时刷新...
webpack插件plugin 添加版权 打包html js压缩
1 添加版权 2 打包html 3 js压缩
Vue Webpack介绍及安装
1 Webpack介绍及安装 2 webpack起步 3 webpack配置 4 loader 4.1 css-loader、style-loader 4.2 less-loader 5 webpack图片文件处理 6 webpack使用vue的配置
Vue 插槽(slot)使用
组件的插槽 组件的插槽是为了让我们封装的组件更加具有扩展性。 让使用者可以决定组件内部一些内容到底展示了什么。 举例: 移动开发中,几乎每个页面都有导航栏 导航栏我们会分装成一个插件,比如nav-bar组件 一旦有了这个组件,我们就可以在多个页面中复用了
Vue组件化 模板 语法糖 函数 父子组件通信
1 注册组件的基本步骤 2 组件的基本使用 3 全局组件和局部组件 4 父组件和子组件 5 注册组件语法糖 6 组件模板分离写法 组件数据存放 7 组件中data为什么是函数 8 父子组件的通信 9 父子通信-父传子(props中的驼峰命名) 10 组件通信-子传父(自定义事件) 11 12 组件通信 案例 13 父子组件的访问方式:$children
es6语法 高阶函数 filter map reduce
es6语法 高阶函数 filter map reduce
Vue 模板语法 插值操作 绑定属性 计算属性 事件监听 条件判断 循环遍历 阶段案例
前言 1 插值操作 1.1 Mustache语法 1.2 v-once 1.3 v-html 1.3 v-text 1.4 v-pre 1.5 v-cloak 2 绑定属性 2.1 v-bind 2.2 v-bind绑定class 2.2.1 绑定方式:对象语法 2.2.2 绑定方式:数组语法 2.3 点击列表中哪一项,那么该项的文字变为红色 2.4...