凝弧-CSDN博客

原创 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 3084 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 5623 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 4497 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 1190

原创 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 219

原创 ElementUI 实现图标选择器

<template> <el-popover placement="bottom-start" popper-class="pupop-select-icon" transition="el-zoom-in-...

2019-05-04 19:46:39 13220 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 22004 14

原创 ElementUI 分页组件二次封装

更新记录：修复了删除当前所有数据未触发退回上一页问题。改善了调用方式，仅需传入分页对象与绑定查询事件。改为通过 model 更新分页对象。调用方式：<template> <paging-query :pager="pager" @change="getItemList"/></template><script>import ...

2018-09-28 19:23:45 6399 6

原创 Vue-cli 3.0 构建项目（三）配置 TypeScript

tsconfig.json：{ // 编译选项 "compilerOptions": { // 指定ECMAScript目标版本, 默认"ES3", 最新"esnext" "target": "esnext", // 指定生成哪个模块系统代码 "module&q

2018-08-19 11:12:06 6058

原创 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 6628

原创 TypeScript 入门

在线compiler开发 http://www.typescriptlang.org/play/本地compiler开发// 全局安装npm install -g typescript// 使用$ tsc Hello.ts

2018-07-29 18:04:34 326

原创 Axios

Axios使用自定义请求实例取消请求并发请求拦截器Axios基于Promise 用于浏览器和 nodejs 的与服务端通信库特征支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据使用CDN&lt;script src="https://unpkg.com/[email protected]/dis...

2018-07-29 16:33:25 830

原创 Vuex 严格模式 & 表单处理 & 热重载

严格模式在该模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。开启严格模式，仅需在创建 store 的时候传入 strict: true：const store = new Vuex.Store({ // 严格模式会深度监测状态树来检测不合规的状态变更，确保在发布环境下关闭严格模式 str...

2018-07-29 14:54:36 678

原创 Vuex 状态管理模式

Vuex 核心概念使用 VuexstoreStateGetterMutationAction辅助函数Vuex是什么专为 Vue.js 应用程序开发的状态管理模式，采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化Vuex 的状态是响应式的，若 store 中的状态发生变化，那么调用状态的组件也会更新s...

2018-07-29 14:09:48 1300

原创 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 1792

原创 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 275

原创移动端 - touch事件

touch 事件在模拟器下不支持用on的方式来给元素加touch事件，推荐用addEventListener方式touchstart 手指触碰元素touchmove 手指触碰元素之后，在屏幕中进行移动touchend 手指弹起手指触碰元素之后，在屏幕中抬起与 mouth 事件的区别mouse事件的触发必须在元素范围内，且在移动端会有300ms左右的延迟事件点...

2018-07-22 19:38:28 1042

原创 Vue-cli 3.0 构建项目（二）设置接口代理

vue.config.js vue.config.js是一个可选的配置文件，新建该文件，存放在项目根目录（将自动加载）中// 作为配置文件，直接导出配置对象即可module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8...

2018-07-21 09:20:37 9634 1

原创 Vue 学习笔记 03：生命周期钩子

钩子函数钩子函数算是生命周期函数的前生吧，用到的也不多网上找的比较好的一张图贴出来生命周期函数正如其名，组件从被创建到完成使命后的销毁的过程，就好比生命的出生到死亡beforeCreate 创建前可以在这加个 loading 事件，在加载实例时触发created 创建后初始化完成时的事件写在这里，如在这结束loading事件，异步请求也适宜在这里调用...

2018-07-03 07:25:14 250

原创 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 651

原创 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 7994

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（十一）阶段性小结前情回顾去年写的那一套东西，虽然我也写得非常的认真，但是其中还是有点绕了。当时水平不行。现在我重新整理出来的博文如下，希望对各位有所帮助。Vue2+VueRouter2+Webpack+Axios ...

2018-06-15 09:25:01 278

原创 jQuery 进阶：插件开发基础

基础知识点1. 使用闭包2. 挂载 / 注册插件3. 定义构造函数4. 合并参数配置5. 将插件的所有方法包装到一个对象上基础知识点1. 使用闭包用自执行匿名函数包裹代码，外部无法直接访问，形成闭包以 jQuery 对象为实参、$ 符号为形参这样可以在内部无限制的使用 $，而不会影响外部，造成变量污染避免合并 js 出现无法正常解析进而报错...

2018-06-11 15:30:53 297

原创 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 6147

原创 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 679

原创 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 17462 1

原创 bower 前端包管理工具

安装安装npm install bower –g

2018-05-31 11:18:09 784

原创 Gulp .src() 匹配模式详解

1. 基本原理2. 语法：gulp.src(globs[, options])3. 匹配模式1. 基本原理Gulp是以 Nodejs中的stream(流) 为媒介，不需要像 Grunt 那样频繁的生成临时文件首先获取到需要的stream，然后通过 stream 的 .pipe() 方法把流导入到 Gulp的插件中经过插件处理后的流又可以继续导入到其他插件中，最后...

2018-05-31 09:51:58 12982

原创 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 712

原创 HTML 页面加载过程

window.onload 和 DOMContentLoaded 的区别加载资源的形式输入 url（或跳转页面）加载 html加载 html 中的静态资源加载一个资源的过程浏览器根据 DNS 服务器得到域名的 IP 地址向这个 IP 的机器发送 http / https 请求服务器收到、处理并返回 http / https 请求浏览器得到返回内容浏览器渲染页面的...

2018-05-19 20:45:13 3551

原创 Node.js 模块系统

模块系统全局变量原生(核心) 模块httpfsurlpathquerystringexpress 模块模块加载优先级模块导入与导出模块系统一个文件就是一个模块模块作用域：在模块中变量、函数、对象都属于该模块，对外是不可见的全局变量__dirname：文件路径__filename：文件全路径原生(核心) 模块http...

2018-05-19 19:09:41 222

原创 JS插件：粒子动画

particle.js配置参数说明Particleground.js配置参数说明particle.js配置参数说明Particleground.js配置参数说明

2018-05-19 10:16:44 4880

原创随笔 01

jQuery 插件形式$.fn.extend({ dropdown: function() { // 返回this，保持链式调用 return this.each(function() { dropdown(this) }); }})// 调用$().dropdown()...

2018-05-16 16:47:39 164

原创 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 761

原创 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 221

原创 MongoDB 学习笔记

常用命令导入与导出常用命令mongod --dbpath [path] // 启动数据库服务mongo // 连接show dbs // 列出所有数据库use [dbName] // 选择数据库，如果不存在则创建db // 查看当前数据库db.[dbName].insert(jsonData) // 插入数据db.[dbName].find // ...

2018-05-12 13:18:46 124

原创 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 399

原创实时可视化开发工具

简介LiveStyleLiveReloadBrowserSync简介chrome应用商店无法访问，提供一个离线 .crx 下载： https://www.crx4chrome.com 方案安装和配置使用限制应用场景附加功能 LiveStyle chrome 扩展 / sublime 插件样式文件样式微...

2018-05-07 15:14:59 719

原创 addEventListener 关于 passive

语法： el.addEventListener(type, listener[, useCapture])el：事件对象type：事件类型，click、mouseover 等listener：事件处理函数，也就是事件触发后的回调useCapture：布尔值，规定是否是捕获型，默认为 false（冒泡）2015年底，为了扩展新的选项，从而自定义更多的行为DOM 规...

2018-05-07 11:50:53 2908

原创 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 350

FSCapture网页制作工具

趣味登陆界面

JavaScript源码大全

空空如也