- 博客(84)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Ubuntu 安装中文支持
1. 安装中文包sudo apt-get install language-pack-zh*2. 配置相关环境变量sudo vim /etc/environment配置如下PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games"LANG="zh_CN.UTF-8"UNZIP="-O CP936"ZIPINFO="-O CP936"3. 重新设置本地配置sudo dpkg-reconf
2021-06-10 11:46:32
3869
2
原创 Ubuntu 如何安装yum命令
步骤1. 备份Ubuntu默认的源地址sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup2. 修改Ubuntu的源地址sudo edit /etc/apt/sources.list3. 更新源地址sudo apt-get update4. 安装yumsudo apt-get install yum镜像源地址https://mirrors.tuna.tsinghua.edu.cn/help/ubuntu/...
2021-06-10 11:19:34
5890
3
原创 Vue 路由哈希模式下的锚点定位支持
路由 hash 模式已经将#占用, 页面的锚点功能失效，js 实现替代 <a @click="$tools.goAnchor(0)">定位到顶部</a> <a @click="$tools.goAnchor('#link1')">定位到锚点1</a> <a @click="$tools.goAnchor('#link2')">定位到锚点2</a> <a @click="$tools.goAnchor('#link3')"
2020-05-12 13:34:17
4882
1
原创 Fix: 正则 Unified_Ideograph 类浏览器不识别问题
安装依赖yarn add regexpu-coreyarn add @babel/plugin-proposal-unicode-property-regex --devbabel.config.jsmodule.exports = { presets: [ '@vue/app', ], plugins: [ [ '@babel/plugin-p...
2019-08-29 13:20:38
1268
原创 Git submodule 模块化
添加 submodulegit submodule add 仓库地址 路径更新 submodulegit submodule update --init --recursive更新 .gitsubmodule 中对应 submodule 的URL更新 .git/config 中对应 submodule 的URL执行 git submodule sync删除 sub...
2019-05-06 15:09:16
267
原创 ElementUI 实现图标选择器
<!-- 图标选择器<select-icon v-model=[绑定变量] :data=[选项数据] />--><template> <el-popover placement="bottom-start" popper-class="pupop-select-icon" transition="el-zoom-in-...
2019-05-04 19:46:39
13529
12
原创 Element-UI 实现树形选择器
https://wildye.cn/posts/1ab23fc5/组件调用<template> <!-- 行模式 --> <el-form inline> <el-form-item label="inline 默认："> <select-tree :options="options" v-model=&q
2018-09-29 14:10:45
22145
14
原创 ElementUI 分页组件二次封装
更新记录：修复了删除当前所有数据未触发退回上一页问题。改善了调用方式，仅需传入分页对象与绑定查询事件。改为通过 model 更新分页对象。调用方式：<template> <paging-query :pager="pager" @change="getItemList"/></template><script>import ...
2018-09-28 19:23:45
6547
6
原创 Vue-cli 3.0 构建项目（三）配置 TypeScript
tsconfig.json：{ // 编译选项 "compilerOptions": { // 指定ECMAScript目标版本, 默认"ES3", 最新"esnext" "target": "esnext", // 指定生成哪个模块系统代码 "module&q
2018-08-19 11:12:06
6232
原创 ThinkPHP5 debug: __STATIC__缺少 public 的解决方案
原有预定义资源路径__STATIC__在路径中未包含缺少public目录使用系统变量获取当前脚本路径 $_SERVER['SCRIPT_NAME'] http://localhost/项目/public/index.php dirname() 函数返回路径中的目录部分 dirname($_SERVER['SCRIPT_NAME']);http://localho...
2018-07-29 18:25:10
6750
原创 TypeScript 入门
在线compiler开发 http://www.typescriptlang.org/play/本地compiler开发// 全局安装npm install -g typescript// 使用$ tsc Hello.ts
2018-07-29 18:04:34
365
原创 Axios
Axios使用自定义请求实例取消请求并发请求拦截器Axios基于Promise 用于浏览器和 nodejs 的与服务端通信库 特征支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据使用CDN&lt;script src="https://unpkg.com/axios@0.16.2/dis...
2018-07-29 16:33:25
1051
原创 Vuex 严格模式 & 表单处理 & 热重载
严格模式在该模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。 这能保证所有的状态变更都能被调试工具跟踪到。 开启严格模式，仅需在创建 store 的时候传入 strict: true：const store = new Vuex.Store({ // 严格模式会深度监测状态树来检测不合规的状态变更，确保在发布环境下关闭严格模式 str...
2018-07-29 14:54:36
742
原创 Vuex 状态管理模式
Vuex 核心概念使用 VuexstoreStateGetterMutationAction辅助函数Vuex是什么 专为 Vue.js 应用程序开发的 状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化Vuex 的状态是响应式的，若 store 中的状态发生变化，那么调用 状态 的组件也会更新s...
2018-07-29 14:09:48
1352
原创 Vue-router 路由
vue-router1. hash和history模式2. router-link各种配置项3. 重定向和别名4. 嵌套路由的使用5. 命名视图6. 滚动行为7. 动态路径参数8. 监控$router路由信息对象9. query字符串传参10. 导航切换过渡动画transition使用11. 动态设置name属性左右切换12. 编程式导航13. 全局钩子函数14. ...
2018-07-26 23:13:31
1930
原创 webpack
// 初始化 package.json 文件npm init -y// 安装 webpacknpm i -D webpack// 安装 webpack 3 最新版本npm i -D webpack@3// 4.0 版本打包需安装npm i -D webpack-cli// webpack html插件npm i -D html-webpack-pluginpackag...
2018-07-24 23:18:02
317
原创 移动端 - touch事件
touch 事件在模拟器下不支持用on的方式来给元素加touch事件，推荐用addEventListener方式touchstart 手指触碰元素touchmove 手指触碰元素之后，在屏幕中进行移动touchend 手指弹起 手指触碰元素之后，在屏幕中抬起与 mouth 事件的区别mouse事件的触发必须在元素范围内，且在移动端会有300ms左右的延迟事件点...
2018-07-22 19:38:28
1115
原创 Vue-cli 3.0 构建项目（二）设置接口代理
vue.config.js vue.config.js是一个可选的配置文件，新建该文件，存放在项目根目录（将自动加载）中// 作为配置文件，直接导出配置对象即可module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8...
2018-07-21 09:20:37
9683
1
原创 Vue 学习笔记 03：生命周期钩子
钩子函数钩子函数算是生命周期函数的前生吧，用到的也不多网上找的比较好的一张图贴出来 生命周期函数正如其名，组件从被 创建 到完成使命后的 销毁 的过程，就好比生命的出生到死亡beforeCreate 创建前 可以在这加个 loading 事件，在加载实例时触发created 创建后 初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用...
2018-07-03 07:25:14
295
原创 API调试工具 Postman扩展插件安装与使用
安装使用Postman是基于 Chrome 浏览器的扩展插件允许用户发送任何类型的 HTTP 请求，例如 GET，POST，HEAD，PUT、DELETE等，并且可以允许任意的参数和 Headers支持不同的认证机制，包括 Basic Auth，Digest Auth，OAuth 1.0，OAuth 2.0等。响应数据是自动按照语法格式高亮的，包括 HTML，JSO...
2018-07-01 09:28:50
735
原创 Vue-cli 3.0 构建项目（一）构建初始项目
1. 安装 Vue-cli 3.0 脚手架工具2. 初始化项目默认配置自定义配置详细的配置1. 安装 Vue-cli 3.0 脚手架工具终端输入npm install -g vue@cli安装完成后，输入 vue -V 查看是否安装成功 2. 初始化项目vue create &amp;amp;amp;amp;amp;amp;amp;amp;lt;projectName&amp;amp;amp;amp;amp;a
2018-06-30 22:29:42
8067
转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战
Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结前情回顾去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下，希望对各位有所帮助。Vue2+VueRouter2+Webpack+Axios ...
2018-06-15 09:25:01
320
原创 jQuery 进阶：插件开发基础
基础知识点1. 使用闭包2. 挂载 / 注册插件3. 定义构造函数4. 合并参数配置5. 将插件的所有方法包装到一个对象上基础知识点1. 使用闭包用自执行匿名函数包裹代码，外部无法直接访问，形成闭包以 jQuery 对象为实参、$ 符号为形参 这样可以在内部无限制的使用 $，而不会影响外部，造成变量污染避免合并 js 出现无法正常解析进而报错...
2018-06-11 15:30:53
340
原创 IE8 兼容 border-radius 属性方案
1. IE利用VML矢量可标记语言作为画笔绘出圆角IE8及一下不支持 border-radius属性，如果要想在IE浏览器中实现圆角的效果1. IE利用VML矢量可标记语言作为画笔绘出圆角.main{border: 2px solid #C0C0C0;-moz-border-radius: 10px;-webkit-border-radius: 10px;bo...
2018-06-07 09:58:38
6219
原创 FFC：进阶算法题
1. Sum All Numbers in a Range2. Diff Two Arrays3. Roman Numeral Converter4. Where art thou5. Search and Replace6. Pig Latin7. DNA Pairing8. Missing letters9. Boo who10. Sorted Union11. Con...
2018-05-31 17:57:58
770
原创 Sublime Text 3 搭建 Git 及使用
配置1. 配置全局参数2. 设置默认推送分支，3. 生成 SSH key 密钥公钥4. 连接 Github5. Sublime Text 3 安装 Git使用远程仓库更新本地仓库上传配置1. 配置全局参数git config --global user.name "userName"git config --global user.email ...
2018-05-31 17:24:16
17880
1
原创 Gulp .src() 匹配模式详解
1. 基本原理2. 语法：gulp.src(globs[, options])3. 匹配模式1. 基本原理Gulp是以 Nodejs中的stream(流) 为媒介，不需要像 Grunt 那样频繁的生成临时文件首先获取到需要的stream，然后通过 stream 的 .pipe() 方法把流导入到 Gulp的插件中经过插件处理后的流又可以继续导入到其他插件中，最后...
2018-05-31 09:51:58
13188
原创 FFC：基础算法题
1. Reverse a String2. Factorialize a Number3. Check for Palindromes4. Find the Longest Word in a String1. Reverse a String翻转字符串解题思路：把字符串转化成数组split()，再借助数组的reverse()方法翻转数组顺序，最后把数组转化...
2018-05-27 19:01:24
784
原创 HTML 页面加载过程
window.onload 和 DOMContentLoaded 的区别加载资源的形式 输入 url（或跳转页面）加载 html加载 html 中的静态资源加载一个资源的过程 浏览器根据 DNS 服务器得到域名的 IP 地址向这个 IP 的机器发送 http / https 请求服务器收到、处理并返回 http / https 请求浏览器得到返回内容浏览器渲染页面的...
2018-05-19 20:45:13
3619
原创 Node.js 模块系统
模块系统全局变量原生(核心) 模块httpfsurlpathquerystringexpress 模块模块加载优先级模块导入与导出模块系统一个文件就是一个模块模块作用域：在模块中 变量、函数、对象都属于该模块，对外是不可见的全局变量__dirname：文件路径__filename：文件全路径原生(核心) 模块http...
2018-05-19 19:09:41
270
原创 JS插件：粒子动画
particle.js配置参数说明Particleground.js配置参数说明particle.js配置参数说明Particleground.js配置参数说明
2018-05-19 10:16:44
5081
原创 随笔 01
jQuery 插件形式$.fn.extend({ dropdown: function() { // 返回this，保持链式调用 return this.each(function() { dropdown(this) }); }})// 调用$().dropdown()...
2018-05-16 16:47:39
200
原创 Sublime Text 3 配置
1. 配置 Sublime Text 3清除原配置信息安装 Package Settings 和 Package Control 插件管理工具2. 常用插件扩展功能扩展代码补全代码格式化语法高亮3. 支持 CSS预处理语言 LESS安装 node.js 支持模块安装 Sublime Text 插件1. 配置 Sublime Text 3清除原...
2018-05-14 00:55:04
818
原创 Git 命令学习笔记
配置 config常用命令创建版本库修改和提交查看提交历史撤销分支与标签合并与衍合远程操作配置 config初始化用户名与邮箱git config --global user.name &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;userName&amp;amp;amp;amp;amp;amp;
2018-05-13 18:39:09
262
原创 MongoDB 学习笔记
常用命令导入与导出常用命令mongod --dbpath [path] // 启动数据库服务mongo // 连接show dbs // 列出所有数据库use [dbName] // 选择数据库，如果不存在则创建db // 查看当前数据库db.[dbName].insert(jsonData) // 插入数据db.[dbName].find // ...
2018-05-12 13:18:46
151
原创 CSS flex 弹性盒模型
flex box 弹性盒模型版本兼容性兼容方案弹性容器子元素伸缩盒（旧）[ -moz、 -webkit ]弹性容器 box容器属性1. 主轴对齐方式 box-pack2. 侧轴对齐方式伸缩盒（新）flex box 弹性盒模型版本兼容性display:-webkit-box Android 2.3IOS 6.1display...
2018-05-10 08:55:38
442
原创 实时可视化开发工具
简介LiveStyleLiveReloadBrowserSync简介chrome应用商店无法访问，提供一个离线 .crx 下载： https://www.crx4chrome.com 方案 安装和配置 使用限制 应用场景 附加功能 LiveStyle chrome 扩展 / sublime 插件 样式文件 样式微...
2018-05-07 15:14:59
774
原创 addEventListener 关于 passive
语法： el.addEventListener(type, listener[, useCapture])el：事件对象type：事件类型，click、mouseover 等listener：事件处理函数，也就是事件触发后的回调useCapture：布尔值，规定是否是捕获型，默认为 false（冒泡）2015年底，为了扩展新的选项，从而自定义更多的行为DOM 规...
2018-05-07 11:50:53
3087
原创 Vue 学习笔记 02：事件修饰符
事件修饰符Vue 为 v-on / @ 绑定事件提供了修饰符，通过 . 来调用修饰符.stop： 阻止事件 冒泡，调用 event.stopPropagation() &amp;amp;amp;lt;a @click.stop=&amp;amp;quot;fn()&amp;amp;quot;&amp;amp;amp;gt;click me&amp;amp;amp;lt;/a&amp
2018-05-07 11:04:01
397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人