- 博客(23)
- 收藏
- 关注
RSS订阅
翻译 webpack手动搭建Vue项目
#废话不多说，直接捋袖子干！#初始化项目新建一个文件夹“WebpackVue”,然后进入终端初始化项目npm init -y此时，刷新一下项目，会再根目录下出现package.json文件，由此在文件中加入一下依赖// dependencies是指在使用npm i -save [modules] 的时候安装的，执行 npm install --production 的时候会安装"dependencies": { "vue": "^2.6.10" }, // devDepend
2021-02-26 16:35:29
160
原创 Ajax实现前后端交互
这里的前后端交互主要以，前段ajax技术发送.php文件地址和.php文件建立连接；php接收前端发送的数据放在对应变量中，然后以mysql地址连接mysql做相应操作，接着把mysql改变后的数据返给ajax；ajax接收数据并通过js渲染页面。一般网站的数据处理分三层：表示层、业务层、数据层表示层：可以用HTML代码，CSS/Javascript代码来实现等。业务层：这层是负责处理数据...
2020-03-22 21:35:38
5364
1
原创 浏览器滚动条样式设置
以下内容只需粘贴复制到全局样式内就会得到应用，对于需要的效果只要在对应的大括号内添加对应的css样式即可。定义滚动条样式::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); / /隐藏滚动条 display: none}定义滚动条轨道 内阴影+圆角::-webkit-scrollbar-track { box-shadow: inset 0 0 0
2021-06-27 22:13:28
388
原创 SVG基础用法
一、简介SVG是使用XML来描述二维图形和绘图的程序语言，2003年1月14成为W3C推荐标准；特性：1、是一种可伸缩矢量图形2、是使用xml格式定义用于网络的基于矢量的图形3、放大或改变图片的尺寸其质量不会有所损失4、SVG文件必须使用.svg后缀来保存SVG图形的创建（分两种方式）html中直接创建： <svg width="" height="" version="1.1" xmlns="http://www.w3.org/2000/svg"> // 插入需要的图
2021-06-21 17:55:11
2326
原创 原型、原型链以及原型继承
JavaScript是一种简易的脚本语言，其是由对象构成。每一个JavaScript对象（除null外）都和另一个对象相关联，“另一个”对象就是原型。也就是说，任何一个对象都有原型这个属性（借用来的话，说的很通俗）一、原型是什么prototype：专属于函数的一个属性，类型为对象,叫原型对象作用：可以在prototype身上添加属性和方法，为了给将来被new出来的实例的隐式原型使用（也就是做父级使用）proto：专属于对象数据的一个属性，类型为对象，叫隐式原型作用：找函数的父级特性：----
2021-06-11 16:13:02
433
7
原创 git免密提交及换库设置
git设置免密提交每次提交代码到线上版本库都要输入用户名与密码；这样就显得格外的麻烦。所以今天安利一波：首先打开 git bash然后命令行输入：git config --global credential.helper store这一步会在用户本地目录下的.gitconfig文件最后添加 [credential] hlper = store下次提交代码当输入用户名和密码时就会被记住git本地更换远程仓库地址git 更换仓库地址只要在git bash中输入如下两条命令即可： git
2021-03-26 17:19:16
112
原创 canvas画布的基础用法
简介本篇文章的重点在于讲解canvas的基础是用，如果想深入了解还需要到官网进行学习（Canvas官网链接）;那么接下来就开始跟党走吃肉去！Canvas介绍与引用Canvas俗称画布，以标签<canvas></canvas>写在html代码中，在浏览器中默认大小 300像素 * 150像素（宽 * 高，像素的单位是px）；且画布的标签属性只有width 和 height。canvas元素默认被网格所覆盖（浏览器可视区就比作网格）。通常来说网格中的一个单元相当于canvas
2021-03-23 18:05:09
1405
原创 chrome浏览器本地信息的获取与设置
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-02-22 18:03:21
873
原创 vue项目打包发版后路径访问页面空白
从这里可以看到，问题出在访问的路径不正确才导致的页面空白，对于这种问题该怎么处理呢？找到文件vue.config.js在此处配置publicPath publicPath: process.env.VUE_APP_BUILD_MODE === 'devops' ? process.env.VUE_APP_BASE_URL : process.env.VUE_APP_BUILD_MODE === 'poc' // 生产环境 ? '/文件名/'.
2021-01-11 11:20:24
765
2
原创 PC端项目的暗黑和正常主题的切换设置
打个比方，最近有个节日，老板想让线上的系统有一个暗黑主题色，但是节日过后还需要变回原来的背景色，这个时候我们就需要考录到让暗黑主题色和正常主题色都存在，由此不仅省去了软件的多次修改，也让软件多了层特效。废话不多说，拉起柚子开始絮叨絮叨如何实现的一、插件的下载 对于实现全局背景色加字体的切换肯定少不了插件：yarn add sass-resources-loader二、在assets文件中引入scss文件，其中包含theme-mixin.scss、theme-var.scss两个文件插件下载完成后，
2020-12-21 10:16:11
352
原创 网格化布局的基本用法与实现
网格化布局（dispaly:grid）用来实现对网页区域划分的一种手法。在网格化水平区域称为行（row）,垂直区域称为列（column）display: grid; // 指定容器采用网格化布局，默认容器元素都是块级元素display: inline-grid; //网格化布局，设置容器元素为行内元素注： 设置网格化布局后，容器子元素的 float、 display: inline-block;、 display: table-cell;、 vertical-align 和 column
2020-12-10 14:13:52
1160
原创 git版本上传时报错（failed to push same to refs）
git 上传版本时报错报错由来线上版本库和本地版本库落后太多版本解决步骤一、可以根据提示进行先 git pull 然后 git push二、 可以进行线上版本库的强制覆盖，把本地的版本强制覆盖线上版本操作： git push -f -u origin 分支名...
2020-08-24 11:06:40
250
原创 瀑布流的实现
瀑布流的实现：1.第一行浮动(通过css中的position实现)2.如何区分第一行和后面的行2.1先找到第一行最矮的2.2后面的行的所有内容全部定位2.3 left设置最矮的元素的索引*任意一个元素宽度2.4 top设置成上一行最矮的元素的高度2.5修改最矮的那个元素,加上刚刚放置元素的高度重置执行2.1向后的步骤<!DOCTYPE html><html> <head> <meta charset="utf-8"> <ti
2020-06-26 15:27:38
191
原创 react脚手架解决跨域
配置代理：方法一.axios proxy 找文件：node_modules/react-scripts/config/webpackDevServer.config.js 通过正向代理去获取数据，解决跨域问题 proxy:{ "/lg":{ "target":"https://m.lagou.com", "changeOrigin":true, "pathRewrite":{ "^/lg":"/" } } },方法二：react-app-rewired 可
2020-06-22 14:52:40
650
原创 JS处理异步的几种方法
首先，要明白什么是异步，什么是同步；这就好比排队买电影票，异步就像有多个窗口多个队同时进行购票，同步就像只有一个窗口一个队进行购票。在js中setTimeout和setInterval函数就是最基础的异步，可以改变程序正常执行顺序。那么怎么解决异步呢？一、回调函数概念：一个函数B被作为参数传递到另一个函数A，然后被调用执行的过程（即A函数执行后在执行B函数）例： function fun...
2020-04-12 17:21:29
952
原创 http传输协议的过程
HTTP，又被称为超文本传输协议，是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。我们在浏览器的地址栏里输入的网站地址叫做URL，就像每家每户都有一个门牌地址相同，每个网页也都有一个Internet地址。当你在浏览器的地址中输入一个URL，URL就确定了要浏览的地址。–摘自百度传输规则：双方要进行信息的传输时，要遵守的规定或约定 1. 建立连接通道 2...
2020-04-06 22:58:29
529
原创 伪数组及伪数组arguments的介绍
伪数组:就是长得跟数组差不多，有索引有长度，但是不能使用数组的操作方法，可自定义的部分，其实支持中文，但是及其不推荐使用例： var 伪数组 = { 0:"admin", 1:18, length:2 }; console.log(伪数组[0]); console.log(伪数组.length); console.log(typeof...
2020-04-05 17:28:09
700
原创 JS数组遍历的方法
对于初学者而言，数组的遍历无非就是利用for循环和数组的索引进行遍历，操作简单，易懂。但是在程序的特殊要求下，for循环遍历的方法就不是很实用了。下边介绍数组遍历的几种特殊方法：第一种：for循环遍历 (常用)var arr = [2,3,4,”hahah” ,”world”];for(var i=0; i<arr.length; i++){ console.log(arr[i...
2020-03-17 18:17:13
107
原创 js对象的遍历
1．什么是遍历所谓遍历就是在数据的集合中进行逐一获取或查看，就好像是一个盒子里有十个球，一个个拿出来放在桌面上一样。2．如何遍历2.1、数组其实就是一个对象，有序的集合，可以根据索引遍历，索引从0开始，按照顺序到length-1结束例： var arr = ["hello",4,5,6,"world"]; for(var i=0;i<arr....
2020-03-09 23:33:13
1728
原创 JS和JSON的关系
1. JSON到底是什么？json是一种数据格式，在前后端的数据交互中有较为广泛的应用。就好像中国通用普通话，国际交流通用英语一样。但是，JSON这个数据跟任何编程语言都无关。只不过，这个数据的发明者再创造之处，发现JS中的对象的格式非常具有魅力，参考了js中的对象的格式，发明了一种叫JSON的数据。JSON的作用：使用ajax进行前后台数据交换，移动端与服务端的数据交换（json就是前后...
2020-03-08 19:24:01
1575
原创 Js对象的属性操作
1.对象的概念：任何可被描述的事物，都是对象。在现实生活中，采取某些，如 属性名：属性值 的格式，可被描述 的事物，叫对象。在程序中，这个描述事物的信息，叫对象，即new出来的都是对象。对象的组成：键值对：、属性名、属性值（属性名和属性值要成对出现） 如： name: "xiaoming"2.对象的创建(对于对象属性的操作，第一步就是先...
2020-02-22 17:51:19
656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人