喯啵儿灞-CSDN博客

原创将VSCode添加至右键菜单（Windows下）

问题:　　Windows上面安装Visual Studio Code编辑器后,常常会因为安装的时候忘记勾选等原因,没有将"Open with Code(右键快捷方式)"添加到鼠标右键菜单里,使用起来多有不便,所以需要我们手动将VSCode添加至鼠标右键菜单之中.解决:1.新建reg文件.在桌面上新建一个文本文件,然后将文件后缀改为:*.reg,文件名任意,例如:add_shortcut...

2020-04-09 20:30:07 1693 2

转载 vue-cli创建项目特别慢解决方法

虽然设置过淘宝镜像npm install-g cnpm --registry=https://registry.npm.taobao.org但是通过vue init webpack projectName新建项目是和淘宝镜像没关系的，因为vue-cli 用的是 npm 源，所以只要设置 npm 源就行了，可以提升创建速度：npm configsetregistry https://re...

2020-04-09 20:17:44 772 2

转载阿里云服务器配置免费https服务

过程总述购买服务器，购买域名，备案申请ssl证书 DNS验证上传证书，配置nginx 很关键，打开端口！！！阿里云的443端口默认是不打开的1.购买服务器，域名，备案服务器我是买的阿里云的，域名也是在阿里云上买的，注意一点，现在域名必须备案才能用，所以建议先买域名着手备案，等备好案再买服务器。粘个阿里云推广的连接，点进去有新人红包https://promotion.al...

2020-04-09 14:55:55 1011 4

原创小程序开发规范文档

目录规范1.目录概述组件文件所有组件相关文件统一放在components目录下。图片文件项目图片文件放置于根目录的images文件夹下，组件独有的图片放在当前组件images目录下模型文件模型文件主要用于编写各类业务模型。项目模型文件放置于根目录的models文件夹下，组件相关模型放置于components目录下的models文件夹中。...

2020-04-05 17:05:24 628

转载 vue中transition组件的坑

在组件外面，或者一个层外面包括即可然后css配置如下：css设置要对应transition组件的属性name，应该很容易读懂。等等，还没完！如果transition组件外面存在v-if条件判断渲染，则无效。另transition组件必须要包在一个v-if或v-show的外面，如以下则无效：如果你有需求一定要在这样，那么也有解决方法，就是再加一个v-show/v-...

2020-03-24 13:57:14 1932

转载 Tomcat9配置https协议访问

从官网上下载下来的Tomcat，启动后访问的地址是http://localhost:8080/，采用的是http协议访问。下面讲解的是配置https协议访问。一、工具版本号Tomcat：apache-tomcat-9.0.10JDK：jdk1.8.0_144二、使用【JAVA_HOME】\jdk1.8.0_144\bin目录下的keytool.exe...

2020-03-18 14:45:01 965

转载 VSCode安装插件位置

https://blog.csdn.net/u012852597/article/details/87862559

2020-03-10 18:19:37 4148

本篇文章的使用场景就是在Vue+element+sass的项目中实现动态换肤的需求，先声明一下，这里所说的换肤，是事先定义好的主题样式，并非根据一个ColorPicker随意拾取的颜色进行实时换肤。我这里实现的方法比较笨，但也不失为着实可行的一套解决方案。因为实现我也在网上扒了好久，多数张冠李戴对不住需求，有的压根儿无法实现，还有的确实可以实现，但技术难度较高。各位若一时间没找到合适的实现方法，可...

2020-01-09 15:34:14 2128

原创根据身份证生成规则，校验身份证

没啥说的，直接上代码，有用就拿去HTML：<input type="text" id="card" onblur="checkCard()" />Js：var checkCard=function(){ var cardNo=$("#card").val(); var result=$.checkCard(cardNo);}jquery.ch...

2020-01-09 14:32:57 627

原创 Vue部署Sass

鉴于有几位麻油私信我，询问vue里部署sass的具体步骤，这里追加一篇文章（其实网上也有很多）。在搭建vue脚手架或者是在vue项目中，想使用sass的功能，首先在当前目录下执行如下命令npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //...

2020-01-06 10:31:29 613

原创 Vue+Sass实现动态换肤

言明，本文实现的动态换肤并非elementUi官网那种随意用ColorPicker实时更改主题的效果，而是为系统预设的几种主题事先配置颜色，然后线上触发更改主题的事件。首先感谢luanxiyuan老师的博文引导。此方案涉及Sass的map遍历、函数定义、map存取、混合器等相关知识，具体API详参官网https://www.sass.hk/docs/。大概的思路就是给html根标签设置...

2020-01-03 15:20:10 5014 2

转载 npm -s -d --save --save-dev区别

首先感谢willon_老师的讲解。备注：<=> 意为等价于；1、npm install <=> npm i--save<=> -S--save-dev<=> -Dnpm run start <=> npm start// 对应"scripts"里的"start"...

2019-12-24 09:33:24 351

原创 chrome无故崩溃

先说问题，chrome无缘无故启动就崩了，标签、菜单、设置、随意点击都没有效果，始终保持崩溃的白板页面。更tm无敌的是，重启电脑，卸载重装chrome，都不起丝毫作用。我还单纯的下了个360卫士，一顿操作猛如虎，再看战绩零比五。。。再说解决方案：1.网上说的最多的，去我的电脑里找到这个文件C:\Windows\System32\drivers\bd0001.sys，据说删了就ok了，原因是...

2019-12-19 14:52:16 280

原创 git 操作命令总结

首先感谢廖雪峰老师的细心讲解https://www.liaoxuefeng.com/wiki/896043488029600。本文只是自己的学习后的总结，没什么逻辑可言。git add 文件名##把文件从工作区添加到暂存区，注意git add . 表示把工作区全部内容添加到暂存区git commit -m "备注信息"##把暂存区的内容提交到仓库分支上git status...

2019-12-18 16:14:46 5160 2

转载 YAML入门

YAML 是 "YAML Ain't a Markup Language"（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是："Yet Another Markup Language"（仍是一种标记语言）。YAML 的语法和其他高级语言类似，并且可以简单表达清单、散列表，标量等数据形态。它使用空白符号缩进和大量依赖外观的特色，特别适合用来表达或编辑数据结构、各...

2019-12-17 14:58:00 635

原创解决：windows 下启动容器或创建容器时报错

错误代码：Error response from daemon: driver failed programming external connectivity on endpoint csj-demo-test (72334da47459587e0bf12b2da83f7f15d7b9eba7920a7f5fb05bf24db17d0a97): Error starting userland p...

2019-12-17 10:28:55 725

原创 docker 入门及VUE项目部署

一、常用指令docker images ####查看当前镜像列表；docker rmi 镜像ID或镜像名 [-f] ####删除指定镜像，-f表示强制删除；docker pull 镜像名[:版本号] ####从公共库里拉取镜像，不指定版本号则默认最新版本latset;docker build -t 镜像名 ....

2019-12-16 18:34:56 168

原创 VueRouter守卫和钩子的总结

守卫：即路由触发时，在被确认之前所要执行的函数，可以启到本次跳转的拦截作用，可以决定本次跳转成功与否。钩子：即路由触发时机要执行的函数，不能起到拦截组用，不能干预本次跳转的成功与否。一、分类1.从调用时机来分，为两类：守卫、钩子守卫：beforeEach、beforeRouteUpdate、beforeEnter、beforeRouteEnter、beforeReslove、bef...

2019-11-25 15:09:57 444

转载简单理解Vue中的nextTick

一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}</div> &lt...

2019-10-12 16:39:19 104

原创 JSONP

什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。2、不过我们又发现，Web页面上调...

2019-10-09 19:03:24 132

转载 CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport

最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。1、PX(CSS pixels)1.1 定义虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度都是以CSS像素为单位的，CSS像素的单位是px。1.2 注意在CSS规范中，长度单位可以分为两...

2019-10-09 14:31:26 185

转载 angularJS 核心理念之双向数据绑定

双向数据绑定是angularJS的核心理念之一。单向数据绑定：单向数据即是将用于生成界面的模板与从服务器取得的数据结合，生成用于显示的html标签。比如El表达式中常见 ${变量名}以及{{}} ，它只提供从数据源到视图的单方向的数据展示。单向数据绑定的缺点是界面一旦生成，就不能更改，如果数据有更改，只能再来一遍，替换掉原来的html。再看双向数据绑定：双向数据绑定中，...

2019-10-09 10:33:37 172

转载原生js

互联网寒冬之际，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。一年前，也许你搞清楚闭包，this，原型链，就能获得认可。但是现在，很显然是不行了。本文梳理出了一些面试中有一定难度的高频原生JS问题，部分知识点可能你之前从未关注过，或者看到了，却没有仔细研究，但是它们却非常重要。本文将以真实的面试题的形式来呈现知识点，大家在阅...

2019-10-09 09:55:34 110

转载 vue的双向绑定原理及实现

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码：效果图：是不是看起来跟vue的...

2019-10-08 22:32:16 86

原创详解Vue 生命周期函数

先来看看vue官网对vue生命周期的介绍Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。实例、组件通过new Vue() 创建出来之后会初始...

2019-10-08 21:26:21 109

转载 jquery 3.0变化

Query 3.0 的变化时隔 3 个月，jQuery 团队终于发布了 3.0Alpha 版本。有两个版本jQuery compat 3.0和jQuery 3.0。jQuery compat 3.0 对应之前的 1.x，兼容更多的浏览器，对于IE支持到 8.0 版本 jQuery 3.0 对应之前的 2.x，关注更新的浏览器，对于IE支持到 9.0 版本此外， 3.0还增加了...

2019-10-08 18:42:25 91

转载 jquery工作原理

jQuery的开篇声明里有一段非常重要的话：jQuery是为了改变javascript的编码方式而设计的。从这段话可以看出jQuery本身并不是UI组件库或其他的一般AJAX类库。jQuery改变javascript编码方式！那么它是如何实现它的声明的呢？这里，用以下的一段简短的使用流程：1、查找(创建)jQuery对象：$("selector");2、调用jQuery对象的方法完成我...

2019-07-24 18:06:35 206

原创一次完整的HTTP请求过程

当我们在浏览器的地址栏输入www.linux178.com，然后回车，回车这一瞬间到看到页面到底发生了什么呢？以下过程仅是个人理解：域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片等...

2019-07-24 12:32:00 694

转载浏览器页面加载解析渲染机制

一：为什么要了解浏览器渲染页面和加载页面机制，主要还是性能的优化。了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“...

2019-07-24 12:20:11 110

转载 JS单线程和异步的实现原理

下面是我自己理解了！一、单线程JS是单线程，这句话没错。但更确切的说JS只有一个主线程，但是其实他还有一些其他线程的，当然所有函数任务只可以在主线程执行。这样命名很不方便？为什么要这样设计？这事有一定原因的。JS作为浏览器的脚本于是，其最根本的作用就是实现用户与浏览器的交互行为，当一个用户要删除一个A，又同时向A中添加内容的时候，若是多线程，应该怎么样去处理？没有办法处理，若是单线...

2019-07-24 11:29:02 183

转载 mvc，mvp和mvvm介绍及三大框架对比

mvcbg2015020105.pngView 传送指令到 Controller Controller 完成业务逻辑后，要求 Model 改变状态 Model 将新的数据发送到 View，用户得到反馈所有通信都是单向的。mvpMVP 模式将 Controller 改名为 Presenter，同时改变了通信方向。bg2015020109.png各部分之间的...

2019-07-22 17:05:56 418

转载 sublime text 安装 package control

Package Control插件本身是一个为了方便管理插件的插件最简单的方式是通过Sublime Text 3的console命令界面进行安装Sublime text3import urllib.request,os,hashlib;h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef...

2019-07-19 20:35:31 211

原创 http缓存：强缓存和协商缓存

本文主要讲解浏览器端的缓存，缓存的作用是不言而喻的，能够极大的改善网页性能，提高用户体验。1、浏览器缓存缓存这东西，第一次必须获取到资源后，然后根据返回的信息来告诉如何缓存资源，可能采用的是强缓存，也可能告诉客户端浏览器是协商缓存，这都需要根据响应的header内容来决定的。下面用两幅图来描述浏览器的缓存是怎么玩的，让大家有个大概的认知。浏览器第一次请求时：浏览器后续在进行请...

2019-06-04 14:05:14 243

转载 js垃圾回收机制

1. 概述JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。C#、Java、JavaScript有自动垃圾回收机制，但c++和c就没有垃圾回收机制，也许是因为垃圾回收机制必须由一种平台来实现。在JS中，JS的执行环境会负责管理代码执行过程中使用的内存。2. 变量的...

2019-05-28 10:57:37 79

原创事件冒泡、事件捕获和事件委托

事件流　　JavaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预订事件，以便事件发生时执行相应的代码。　　事件流的起源：就是在浏览器发展到第四代的时候，浏览器开发团队遇到一个问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的...

2019-05-28 10:56:59 635 1

原创 Windows下常用的100个CMD指令以及常见的操作

gpedit.msc—–组策略　　2. sndrec32——-录音机　　3. Nslookup——-IP地址侦测器，是一个监测网络中 DNS 服务器是否能正确实现域名解析的命令行工具。它在 Windows NT/2000/XP 中均可使用 , 但在 Windows 98 中却没有集成这一个工具。　　4. explorer——-打开资源管理器　　5. logo...

2019-04-24 21:11:43 1426

转载 Postman 安装及使用入门教程

安装本文只是基于 Chrome 浏览器的扩展插件来进行的安装，并非单独应用程序。首先，你要台电脑，其次，安装有 Chrome 浏览器，那你接着往下看吧。1. 官网安装（别看）打开官网，https://www.getpostman.com点击那个灰灰色的「Chrome App (Free)」按钮。正常情况会跳转到Chrome网上应用店界面，但是，由于，嗯，你懂的！你一般看到的是第...

2019-04-11 16:00:31 752

转载 webpack打包错误 ERROR in multi ./runoob1.js bundle.js

之前写的有些零散,现在一步步再重新写.记住: 如果你步骤对,但是始终没成功, 那么请不要烦心, 因为webpack版本4以上, 语义更加严格,命令有一些已经发生改变了,所以并不是你的问题!一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹...

2019-04-10 17:57:03 234

转载 window 常用dos命令

dir (directory) ：列出当前目录下的文件以及文件夹md (make directory)：创建目录rd (remove directory)：删除目录cd (change directory)：进入指定目录cd.. : 退回到上一级目录cd\ : 退回到根目录del：删除文件exit：退出dos命令行cls (clear screen): 清屏有关某个命令的详细...

2019-04-10 17:00:31 235

原创 npm相关命令

npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录；【npm install -g xxx】利用npm安装全局模块xxx；本地安装时将模块写入package.json中：【npm install xxx】安装但不写入package.json；【npm install xxx –save】安装并写入package.json的”depe...

2019-04-10 16:58:00 145