- 博客(38)
- 收藏
- 关注
RSS订阅
原创 Can‘t connect to MySQL server on ‘localhost:3306‘ (10061)
哈 我真是个蠢狗一开始各种百度，发现很多人都有遇到这个问题，但是下面的解决方法也都是模棱两可的说不全，直到刚刚我通过百度解决了，还是想做个准确的说明，来帮助到有需要的人吧~~进入正题这个问题大概率是因为mysql服务没有启动，所以连不上，所以需要把服务开启，这里提供两种方法开启服务鼠标点选开启搜索计算机管理并打开点击服务找到mysql看我这个的明显是显示正在运行！！！，如果你的是显示空白，那么你的就是mysql服务没有启动！！！下面有两种方式启动：右键点击启动cmd启动（需要到my
2021-05-02 23:23:48
21073
10
原创 使用VUE“全面兼容”IE浏览器，并且跨域
VUE兼容处理前言 之前的做页游活动页面，需要使用的技术栈是：js 、jQ 、jinja2 。前端制作完成之后需要上传代码到服务器才能看到效果，比较传统的一套技术。作为前端的我也是非常头痛，最近后端同学提出后端要进行模块化可配置化开发（因为我们很多活动都很相似，仅仅是几个参数的差别），前端进行模块化的话就需要摒弃之前的技术栈，从vue中找到兼容处理方案，本文讲解vue如何全面兼容IE并且下一篇文章将会进行模块化、可配置化开发。 本次使用vue的方案技术栈为：vue、axios、vuex、vue
2020-09-01 19:43:49
1712
原创 如何使用Prettier管理好代码一致性
Prettier介绍 在写这篇文章的时候，也正是因为自己遇到接触不同的项目，不同的人写的代码风格也是千奇百怪，(无奈.gif)，之前就知道这个插件可以配合ESLint 一起使用，最近需求刚结束，空下来，查询资料使用下这个插件来提升自己写代码的可读性，高效性，舒适性。正题Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it
2020-07-22 17:08:52
1337
原创 git版本控制Sourcetree的使用
sourcetree使用一、创建仓库这里可以是自己账号上（github）的项目、可以是克隆网站地址、可以是自己本地文件夹、还可以是自己新建的文件二、管理仓库2.1、发送出去当文件修改时，可点击左侧的文件状态查看文件所处的位置，一般执行： 暂存所有 => 提交（需要备注） 可以选择是否立即推送到origin/master，选中即立即推送到远程仓库，反之保存到本地仓库提...
2019-11-13 21:32:22
1151
原创 nginx connect()错误(10061: No connection could be made because the target machine actively refused it)
nginx connect()错误(10061: No connection could be made because the target machine actively refused it)xd，六成是因为你服务地址转错了比如我的（错误之前）：location /mtex/cda/ { proxy_pass http://127.0.0.1:8621/mtex/cda/; }因为我的是端口填错了，所以修改之后location /mtex/cda/ { proxy
2022-01-06 16:03:24
20912
2
原创 清除控制台输出vue环境的tips
You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html在入口文件中设置取消提醒，即可清除控制台输出的tips// main.jsVue.config.productionTip = false;...
2021-07-03 11:37:06
216
原创 webpack4.x打包输出目录分文件夹
webpack4.x打包输出目录分文件夹优化前优化后通过上面的优化前后对比，明显发现优化后的输出结构更加清晰；并且当我更新一个应用时，可以只发送对应的打包文件夹以及入口文件，减少发包体积；同时，对于chrome调试也可以利用文件夹的收纳快速定位源文件位置解决方案其实和webpack配置的关系很小，但这很小的一点却可以被利用！，这是我的输出配置output: { path: path.resolve(__dirname, ""), filename: "sta
2021-05-28 19:02:02
1268
原创 JavaScript 作用域、闭包、this和原型对象！！！
你不知道的JavaScript（上）读后感 起初买这本书是因为想入门，后来读这本书是想进阶，以下内容是我对于这本书的部分见解。该系列一共分为上、中、下三册，本读后感为上系列，着重介绍了两部分：作用域和闭包、this和原型对象。作用域理解作用域，首先需要理解程序的运行过程中的几个重要角色引擎从头到尾负责整个JavaScript程序的编译及执行过程编译器负责语法解析、代码生成作用域负责收集并维护由所有声明的变量组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些标
2021-04-29 08:32:32
109
原创 链接跳转，去掉referer， 解决403 forbidden
直接贴代码var parm = '\u003cscript\u003elocation.replace("' + url + '")\u003c/script\u003e';window.open('javascript:window.name;', parm);
2021-02-23 11:28:42
2146
转载 正则表达式不要背
正则表达式不要背原文链接：https://juejin.im/post/5cdcd42551882568651554e6正则表达式到底是什么正则表达式(Regular Expression)其实就是一门工具，目的是为了字符串模式匹配，从而实现搜索和替换功能。它起源于上个20世纪50年代科学家在数学领域做的一些研究工作，后来才被引入到计算机领域中。从它的命名我们可以知道，它是一种用来描述规则的表达式。而它的底层原理也十分简单，就是使用状态机的思想进行模式匹配。大家可以利用regexper.com这个工具
2021-01-10 15:39:55
176
原创 VSCode常用快捷键
VSCode常用快捷键查找替换快捷键快捷键含义是否常用Ctrl + F查找*Ctrl + H查找替换Ctrl + Shift + H在整个文件夹中查找（可以选定在某个路径上查找）有时候新接小需求，知道目标文件大概在哪里得时候，很实用*F12转到定义（如果找到的话会跳转文件）*Alt + F12查看定义（如果找到的话可以在当前位置查看定义内容）*代码增删改快捷键含义是否常用Ctrl + Shift + K删除
2021-01-10 15:38:59
870
2
转载 深浅拷贝你知道多少？
深浅拷贝你知道多少？原文链接：https://juejin.cn/post/6844903608010407944一、基本数据类型 & 引用数据类型ECMAScript数据类型可分为两种：基本类型：Number、String、Boolean、null、undefined、Symbol；引用类型：Object、Array、function、Date、RegExp。不同类型的数据存储方式：基本类型：基本类型值在内存中占据固定大小，保存在栈中引用类型：引用类型的值是对象，保存在堆内存
2021-01-10 15:37:11
85
转载 npm 设置
1.通过cnpm使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org2.将npm设置为淘宝镜像：npm config set registry https://registry.npm.taobao.org3.查看cnpm镜像设置：npm config get registry 4.查看cnpm镜像设置：cnpm config get registry ...
2020-10-12 23:28:24
186
转载 VScode，普通的项目index.html如何使用less编译css
1.首先在vscode拓展里下载EasyLess插件,安装2.在VS Code项目中，有一个.vscode的文件夹，找里面的settings.json文件(或者在文件-首选项-设置-搜索setting.json)；3.打开settings.json文件；添加代码“less.compile”: { "compress": false, "sourceMap": false, "out": "css\\", // 这里是代表编译后生成的css文件所放的位置，当前
2020-07-22 19:34:18
637
原创 Object.creat() BUG?
what happen使用Object.create创建对象时，发生以下的一幕 <script> var obj = Object.create({ name: '123' }) console.log('obj', obj); console.log('obj', obj.name); </script>当我打印 obj 和 obj.name 时，惊了，结果如下obj {}index.html:16 obj 123o
2020-07-02 23:05:46
142
转载 font和background属性
CSS之font属性和background属性font包含以下属性列表font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到
2020-06-30 18:57:37
746
原创 前端模块化
前端模块化传统模块化var moduleA = (function() { var obj = {} var flag = false obj.flag = flag return obj})()// 这样就可以用作模块化开发了 ，这时只需要注意 moduleA 的命名不要冲突就可以， 因为函数有自己的作用域，不需要关注script标签模块化当 type 设置为 module 时， 引入的每个 js 文件都将作为单独的模块使用，但同时 不同的js 文件之间不能通信
2020-06-30 18:55:41
103
转载 跟着大佬学习 Flex
Flex布局原文：阮一峰：FLEX篇章定义Flex 布局：可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核
2020-06-30 16:30:13
124
原创 前端模块化开发
前端模块化对比一下不同模块化的导入导出方式传统模块化var moduleA = (function() { var obj = {} var flag = false obj.flag = flag return obj})()// 这样就可以用作模块化开发了 ，这时只需要注意 moduleA 的命名不要冲突就可以， 因为函数有自己的作用域，不需要关注CommonJSnode中的实现的规范就是 CommonJS导出var flag = falsevar s
2020-06-21 09:20:34
141
原创 工具函数（判断浏览器版本）
;(function () { // 获取浏览器版本function browserVersion() { // 取得浏览器的userAgent字符串 var userAgent = navigator.userAgent; // 判断是否为小于IE11的浏览器 var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1; // 判断是否为
2020-06-20 14:27:38
209
原创 文字内容超出省略（单行与多行）
CSS文字超出省略由于经常使用文字超出省略功能，分享一下使用组合单行文字超出省略p { overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}多行文字超出省略父元素要设置宽高p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; /*定义的数字为显示的行
2020-06-19 09:57:17
154
原创 vue-route 使用总结
route-vue使用总结（未完）介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为文件配置index.js 实例import Vue fro
2020-06-17 17:39:12
625
原创 手机端媒体查询自适应实例，个人使用模板
媒体查询实例@media screen and (min-width: 320px) { html{ font-size: 21.33px; }}@media screen and (min-width: 360px) { html{ font-size: 24px; }}@media screen and (min-width: 375px) { html{ font-size: 25px; }}@media screen and (min-w
2020-06-16 17:50:54
431
原创 JSONP跨域实例函数，附上原理链接
跨域 -> Jsonp起源最近在与后端交互时，发现线上地址的接口与页面不在同一个域下面，不知道何种原因，历史版本都是采用jsonp跨域，本次记录一下函数实例，方便日后查询，及供各位参考，JSONP这个跨域方法是需要后端支持的！js 跨域函数// JSONP跨域function getJSONP(url, callback) { if (!url) { return; } var a = ['a', 'b', 'c', 'd', 'e', 'f', 'g
2020-06-15 14:11:32
142
原创 JS重要知识点归纳（未完）
JS重要知识点归纳1、四种查询数据类型的方法实现方法typeofinstanceofconstructorObject.prototype.toString.call()优点使用方便能检测引用数据类型基本能检测所有的类型（除了null和undefined）检测出所有的类型缺点只能用于基础数据判断（null会显示为Object）不能检测出基本类型，且不能跨iframeconstructor易被修改，也不能跨iframeIE8及以下，undefined和nul
2020-06-11 12:57:49
439
原创 获取时间戳方法总结
通过valueOf（）和 getTime（）方法获取var date = new Date()console.log(date.valueOf())console.log(date.getTime())通过+new Date() 方法获取var date1 = +new Date()console.log(date1)通过Date.now()方法获取 （H5新增，部分浏览器不支持...
2020-01-04 15:32:31
299
原创 mpvue开发小程序（坑一）传递数据无法使用getCurrentPages()
将数据传递给任意内容页（mpvue + 小程序）目的：现有页面A、页面B，页面A =跳转到> 页面B 采用wx.navigateTo（）页面B =跳转到> 页面A 采用wx.navigateBack（）实现：页面B进行操作之后，返回操作的数据给页面A方法：当页面B操作完成之后，可以$emit发射一个事件，并进行传入参数；页面A使用$on接收这个事件，并且$on的回调函数...
2019-11-28 19:17:01
537
转载 页面跳转传递对象（mpvue+小程序）
法一：必须在需要跳转的页面中先使用 JSON.stringify(obj)对需要传递的对象数据进行转换（转换为json格式的数据）， 把转换后的数据 接在 url后面。最后在跳转显示的页面先使用JSON.parse(json) 转换为js类型的数据。例： 在跳转需要跳转的页面中，需要传递对象o：editOrder (o) { let data = JSON.stringify(o) ...
2019-11-27 10:57:43
396
原创 hansontable基础（一）
属性使用（vue）导入组件（先要NPM安装）import { HotTable } from "@handsontable/vue";import Handsontable from "handsontable";注册组件 components: { HotTable }使用hot-table组件<HotTable :root="text" ref="textHot"...
2019-11-02 15:49:03
1710
原创 vscode插件
VS-Code前端常用插件VS-Code前端常用插件VS-Code前端常用插件功能插件名简要自动补全Auto Close Tag自动添加HTML / XML关闭标记，与Visual Studio IDE或Sublime Text相同。自动补全Auto Rename Tag与Visual Studio IDE一样，自动重命名配对的HTML / XML标记。...
2019-11-02 09:39:55
134
原创 webpack搭建环境
webpack环境创建一个webpack需要的流程四种安装指令对比npm install moduleName安装模块到项目node_modules目录下。不会将模块依赖写入devDependencies或dependencies 节点。运行 npm install 初始化项目时不会下载模块。npm install moduleName -g（全局）安装模块到项目node...
2019-10-31 19:53:34
206
原创 VSCode 常用快捷方式（个人）
VSCode 常用快捷方式：1、删除当前行ctrl+shift+k2、复制当前行ctrl+shift+上键3、不选择该行内容，使用ctrl+shift+C默认复制这一行的全部内容4、移动上下行alt+上下键5、区块注释alt+shift+A6、跳转行shift+G7、格式化代码alt+shift+F...
2019-10-31 19:17:05
225
原创 前端跨域解决方案
跨域的方式JSONPCORS跨域资源共享http proxyngnix 反向代理postMessageJSONP原理：JSONP（JSON with padding）的原理是利用了script标签的src属性不受浏览器的同源策略限制，来进行数据请求的。步骤：前端发送请求，发出的数据为输入框中的内容，并确定了回调函数的名称$('input').keyup(function(){...
2019-10-22 15:55:05
101
原创 跨域请求的API接口
跨域搜索引擎接口1.谷歌（Google）http://suggestqueries.google.com/complete/search?client=youtube&q=#content#&jsonp=window.google.ac.hcallback：window.google.ac.hwindow.google.ac.h([“关键字”,[[“关键字”,0],[“...
2019-10-22 10:47:50
11707
1
原创 移动端响应式布局
移动端响应式布局为什么要做移动端的响应式布局响应式布局的第一种方法---用rem+媒体查询rem媒体查询示例为什么要做移动端的响应式布局相信各位朋友都知道手机设备的屏幕尺寸标准有很多种，当我们需要开发一个移动端APP时，就要考虑各种屏幕的兼容性，正因为有这个问题，所以需要做一个响应式的布局响应式布局的第一种方法—用rem+媒体查询首先先介绍一下rem与媒体查询remrem是单位的一种，...
2019-10-21 20:34:21
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人