- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 前端进阶之路及经验(自己常看)
前端等级进阶之路 学习技巧 ①知其然,而知其所以然 基础知识需要非常扎实（形成思维导图） 了解底层的运行机制 研究源码 尝试自己写开源代码 ②温故而知新可以为师已 养成写笔记/写博客的习惯 养成项目总结的习惯 (每一个项目结束后做个项目总结 我做的好的地方：因为我的一些想法，为项目所带来的一些价值。 我做的不足的地方：因为自身的出现的问题，导致的不好的事情。 我认为项目还能够进一步...
2020-04-04 23:32:17
771
原创 基于NodeJs+VueJs开发王者荣耀手机端官网和管理后台(个人学习)
开篇为王者荣耀前后端项目规划 文章目录开篇为王者荣耀前后端项目规划前言一、技术栈二、项目规划1.入门2.管理后台3.移动端网站4.发布和部署(腾讯云)5.进阶总结 前言 本项目用于个人实践前后端开发，联调，配合，希望我的文章能带领你喜欢上代码，喜欢上前端。本文章只是开篇规划。后续还会对项目的规划的划分模块进行详细续写 一、技术栈 王者荣耀手机端：uniapp+VueJs+ElementUI+Vue-cli 王者荣耀后端可视化管理系统：VueJs+ElementUI+Vue-cli 王者荣耀后端：Nod
2020-10-13 18:50:22
1656
1
原创 玩转Flex布局
开启flex布局：flex container flex container里面的直接子元素叫做flex item flex: 块级元素 inline-flex ： 行内元素 里面就有坐标系的概念 就像坐标系有x 和y轴 flex container 主轴 === x轴 交叉轴 ===y轴 开启后内部的属性 应用在flex container 上的css属性 flex-flow flex-direction || flex-wrap 缩写 flex-direction 决定主轴方向 flex-wrap
2020-08-23 19:33:42
457
转载 eslint错误码大全
不想自动修复，想了解错误原因请看详解 “no-alert”: 0,//禁止使用alert confirm prompt “no-array-constructor”: 2,//禁止使用数组构造器 “no-bitwise”: 0,//禁止使用按位运算符 “no-caller”: 1,//禁止使用arguments.caller或arguments.callee “no-catch-shadow”: 2,//禁止catch子句参数与外部作用域变量同名 “no-class-assign”: 2,//禁止给类赋值
2020-07-18 18:46:27
2491
1
原创 (已解决windows端)MongoDB 4.0开启服务提示1035
MongoDB 4.0以上版本，建议不要在安装在带有Program files的文件路径，个别系统会不识别Program files 本文章借鉴的两个大佬的处理方案将其进行结合。如果觉得很乱的可以直接看他们的文章。 解决 Win10 安装 MongoDB 4.0 无法启动服务的问题（ 踩了个大坑） https://blog.youkuaiyun.com/qq_20084101/article/details/82261195 MongoDB启动服务出现“服务没有响应控制功能”错误 https://blog.csdn.
2020-07-16 11:44:16
597
原创 Webpack项目优化——生产版(最详细无图片版)
webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 优化代码调试 生产环境性能优化(代码上线，运行即可) 优化打包构建速度 优化代码运行的性能
2020-06-18 11:20:32
359
原创 Webpack处理类型资源——开发版(最详细无图片版)
npm install --save-dev webpack npm install --save-dev webpack-cli 本地安装webpack 、webpack-cli``` --save-dev === -D 安装-dev版，是因为上线不需要-dev版本。 webpack实际作用是将js打包成不同模块。 webpack是由各种不同得插件进行协作，来处理不同文件。webpack不安装任何插件的情况下，本身只支持js(es5)和json的解析 ==========================
2020-06-10 16:59:33
379
原创 Git指令的详细使用
暂存区 git add . 添加的文件进入暂存区 （暂存区其实也算版本库，但是又是暂存的。） 版本库 git commit -m ‘备注’ 将暂存区文件添加进入版本库 .gitignore配置：用于忽略无用文件 未限制的文件会被追踪 如果我要限制test.txt,需要在.gitignore中配置 那么test.txt就不会被追踪，也就不会上传到远程服务器 忽略文件夹 配置 限制其他文件类型可以举一反三 从版本库中删除东西，（git add 和 git commit -m '备注’操作） 有
2020-06-05 15:11:00
832
原创 为什么要使用new？new的内部到底做了些什么？手写new实现原理
function Mother(lastName){ this.lasetName = lastName; } var son = new Mother(“Da”); 1.创建一个新对象 son 2.新对象会被执行__proto__连接 son.proto = Mother.prototype 3.新对象和函数调用的this会绑定起来 Mother.call(son,‘Da’); 4.执行构造函数种的代码 son.lastName; 5.如果函数没有返回值，那么就会返回这个新对象 return this;
2020-05-11 18:59:23
834
原创 Javascript中6种继承方式
一、原型链继承（子类的原型对象——类式继承） 详细总结： 特点： 类式继承需要将一个类的实例赋值给第二个类的原型 缺点： ①由于子类是通过原型prototype对接父类的实例化对象，继承了父类。所以说如果父类中共有属性是引用类型，就会在子类中被所有实例共享，因此一个子类的实例更改子类原型从父类构造函数中继承来的共有属性就会直接影响到其他子类 ②由于子类实现的继承是靠原型prototype对父类的实例化实现的，英雌在创建父类的时候，是无法向父类传递参数，因此在实例化父类的时候也无法对父类构造函数的属性进行
2020-05-11 18:13:50
656
原创 Webpack处理各类型资源(三)——生产环境
生产环境是代码优化上线运行的环境 生产环境配置目录： process.env.NODE_ENV = ‘development’ process.env.NODE_ENV = ‘product’ css => ①提取css成单独文件 ②css兼容处理 ③压缩css js => ①js语法检查 ②js兼容处理 html => ①压缩html 提取css成单独文件： 众所周知我们都知道页面加载先加载css，再加载js，然而开发环境中，我们将css模块化到js文件中，如果不处理，就上线，容易造成闪
2020-05-09 21:50:04
297
原创 使用webpack命令出现的问题
webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止 运行 原因是win10的安全权限比较高，需要用管理身份进行操作。我们可以将权限下调 ①右键开始菜单找到WIndows PowerShell ②打开之后执行set-ExecutionPolicy RemoteSigned命令，输入A即可 ③再执行webpack命令即可 遇到的问题： 但也有找Windows Power的时候提示 如果你想打开p
2020-05-09 08:42:33
418
原创 npm镜像配置
该解决npm在国内下载速度过慢问题。 在终端使用命令 npm config set registry https://registry.npm.taobao.org 配置后验证是否成功 npm config get registry
2020-05-09 08:02:28
284
原创 初识Webpack5大核心模块(一)
Webpack是什么？ ①Webpack是一种前端资源构建工具，一个静态模块打包器(module bundler)。 ②在Webpack看来，前端的所有资源文件(js/json/css/img/less/…)都会作为模块进行处理。 ③它会根据模块的依赖关系进行静态分析，打包生成对应的静态资源。 Webpack五大核心模块： entry： 入口提示Webpack以哪个文件为入口起点开始打包，分析构...
2020-05-08 18:47:46
1482
原创 Webpack处理各类型资源(二)——开发环境
通过(一)我们知道，webpack只会识别js/json，而样式资源（css/img/其他资源）则需要使用其他插件来进行识别。 所有的构建工具都是基于nodejs平台运行的！模块化采用commonjs规范 在loader的配置中 module:{ rules:[ { test: /.css$/, //正则匹配css文件 use:[ ‘style-loader’, ‘css-loader’ ] } ...
2020-05-08 18:45:55
274
原创 javascript基础(2020更新版一)
该博客所有文章已兼容手机排版 javacript中数据类型可概括为:5基础1引用 5种基本数据类型: number string boolean null undefined 1种引用类型: object: 普通对象{}， 数组对象[], 正则对象 /^$/, 日期对象new Date(), 数学函数对象Math, 实例对象等等 简单来说各个类的实例都是对象。 （这个比较特殊）function： ...
2020-04-07 13:32:21
457
原创 JS基础（一）
javascript 中的数据类型 什么是数据类型 人以类聚物以群分 为什么要对数据分类 为了合理分配内存空间，达到节约内存目的 数据类型的分类 javasc中类型分两大类（暂时） 5种基本数据类型： String 字符串类型 Number 数字类型 Boolean 布尔类型 undefined 未定义类型 nu...
2019-11-22 10:05:26
344
原创 JavaScript-面向对象基础（一）
类 - 浏览器已经规定好的基础类 原型 - 类的方法（prototype） 原型链 - 继承 字面量 - 字面上去昂显示的东西叫做字面量 包装类 - 没有new的函数声明就是包装类 对象：可以拥有自己的私有属性叫对象（下面有详细解释） 什么是对象？ 1.只要是对象就有自己 的属性和方法 2.只要使用new关键字创建的，都是对象 3.不同对象肯定是不会相等的 4.对象都会有引用机制 //如果不想引...
2019-11-17 14:21:31
187
原创 Cocos-Js事件机制
在移动平台上事件分为多种： 事件{ 触摸事件， 加速度计事件， 键盘事件， 鼠标事件， 自定义事件 } => 问题如何处理这些事件呢？ 事件处理机制采用了观察者模式，引擎提供一个事件分发中心，我们在程序里面初始化事件监听者。当收到屏幕触摸的时候，分发中心会进行事件的分发，从而调试我们自己的监听函数。 ...
2019-10-19 09:47:48
250
原创 使用Nginx反向代理豆瓣Api电影接口(解决微信小程序频繁调用api被关小黑屋)
首先你要知道什么是Nnginx服务器,这个问题百度明白之后继续查看此文章 （要学会自己动手自己独立思考哦） 直接贴代码 ①小程序调用api需要要是https模式才行，https申请请去自己买的云服务器端申请SSL证书。（新人有1年免费的SSL证书） 点击已颁发的SSL证书详情 就会有指引文档按照文档的操作②使用x-shell连接你的nginx服务器（如果连接我就不细说了） 把下载好的SSL文...
2019-10-13 18:08:15
2014
1
原创 什么是MVVM模式？
先来了解一下其他几种模式、 mvp模式： M模型层 V 视图层 P控制器层/逻辑层（逻辑代码）(最核心的是P) （ 面向dom在开发） mvvm模式 M模型层 V视图层 VM层是VUE封装的 我们只要关注 M层和V层就行 而在MVVM模式下开发 我们是在对数据层（M层）进行操作 ，M层数据变化， V层也会变化 。 而实现这个变化 是VM层监听M层和V层 （面向数据在开发...
2019-10-11 17:35:09
1449
原创 十分有用的CSS样式解决y轴滚动条隐藏功能
十分有用的CSS样式解决y轴滚动条功能 一条代码搞定哦 -webkit-scrollbar{ display:none } 虽然这条代码还未正式上线但是可以先使用
2019-10-11 13:58:49
2507
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人