- 博客(27)
- 收藏
- 关注
RSS订阅原创 完整的 vue-cli 项目环境配置到开发上线历程（一）
最近，想把自己关于一个vue项目从 0 到 1 的开发历程记录一下，大家有什么意见可以和我说一下。 **项目主要技术： vue-cli（2.x版本） 、 elementUI 、ES6 等一些前端技术；** **项目主要内容：1、基础框架的搭建； 2、解决跨域的问题； 3、项目配置的问题； . . . .后续继续更新**接下来正式进入正题：一、项目环境搭建首先，需要下载 node.js 【全局安装】https.
2021-08-19 17:23:43
277
原创 react 项目配置跨域和接口请求的方式【vue同样的】
最近在做 react项目，之前都是做vue的项目，所以配置了一下环境，发现处理写法和vue不一样，其实整体的配置环境还是一样的，接下来说一下我的配置方法。首先，跨域请求的配置：1、通过 proxy 设置跨域请求的代理，在 src 文件夹下创建 setupProxy.js 文件，有就直接修改//组件： /api/xx ... | /v2/...//verion > 1.0const proxy = require('http-proxy-middleware')module.export
2021-08-18 15:17:30
741
原创 vue + pdf.js 实现PDF在线预览【后端返回文档流】
直接上代码：<iframe v-if="isFull" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>// pdf文件预览,接口的配置文件export function getStrData (parameter) { return request({ url: '/report/pdf/getPdf', method: 'post', data: pa
2021-08-10 10:23:08
1091
原创 git统计某段时间的代码量，增、删、总数
git log --since='2020-11-02' --until='2020-11-09' --format='%aN' | sort -u | while read name; do echo -en "$name,"; git log --since='2020-11-02' --until='2020-11-09' --author="$name" --numstat --pretty=tformat: --no-merges | awk '{ add += $1; subs += $2;
2020-11-09 13:20:00
1172
1
原创 VScode 中 vue文件template中不能使用tab补齐标签
选择 文件–>首选项–>设置–>搜索 emmet，选择 编辑 setting.json,添加如下代码："emmet.includeLanguages": { "vue-html": "html", "vue": "html" }之后，要重新启动 vscode，才能生效。
2020-10-15 16:22:38
1460
原创 vue数据渲染成功，但是还回报undefined
经常碰到这个这问题，页面数据渲染成功，但是还会报undefined，分析原因，就是渲染时间的问题。网上找了很多方法，v-if等等都用了，但是不行，后来我的解决方案如下：
2020-08-29 13:55:16
590
2
原创 jQuery实现省级三联动【使用art-template 模板】
直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>省级三联动</title> <style> .form-group{ float:
2020-05-28 14:21:15
296
原创 input 输入框搜索关键字【art-template模板应用】
获取搜索框，并为其添加用户输入事件：oninput()获取用户输入的关键字；向服务器端发送请求，并携带关键字作为请求参数；将响应的数据在搜索框的底部显示出来；注意：在用户输入信息的时候，我们可以看到控制台发送的网络请求，每输入一个字母就会发送一次请求，这显然是不合理的，向服务器发送的请求太过于频繁。这个时候需要借助于定时器，就是需要多少秒发起请求。<!DOCTYPE html><html lang="en"><head> <meta chars.
2020-05-28 13:34:33
554
1
原创 js 封装 ajax
话不多说，直接上最全代码【看代码之前，一定要看思路，代码有注释，很详细】思路：先将 ajax 请求数据的基本步骤实现，也就是，实例化，发起请求，发送，处理数据；首先判断请求的方式是get ，还是 post；根据请求方式，处理参数，get 方式，要求的数据格式：属性名称=属性值&属性名称=属性值，通过 ？ 连接请求地址。post 方式，要求的数据格式为 json：{ “name”: “zhangsan”, “age”: 14 }。如果是post 请求，那就要将json 格式，转化成 json
2020-05-27 15:59:15
224
原创 webpack 与 前端工程化的使用步骤
webpack 与 前端工程化的使用步骤一、webpack 的基本使用【webpack默认只能打包处理以 js 结尾的模块，其他的文件是打包不了的，想要全部到，需要调用 loader 加载器才能进行打包，否则就会报错！！！】运行 npm install webpack webpack-cli -D 命令，安装 webpack 相关的包。在项目的根目录中，创建名为 webpack.config.js 的 webpack 配置文件。在 webpack 的配置文件中，初始化如下的基本配置：
2020-05-11 09:56:09
239
原创 cmd 无法加载文件 C:\Program\xxxxx，因为在此系统上禁止运行脚本。
**这个问题是因为系统现用执行策略是 Restricted（默认设置）解决办法：1.win+X键，选择使用管理员身份运行power shell2.输入命令：set-executionpolicy remotesigned3.输入：Y4.关闭，重新输入你的命令即可。**...
2020-04-29 13:17:49
631
原创 vuex : Newline required at end of file but not found eol-last
vue中一个很神秘的错误【不管汝是否相信，吾是五体投地！】一句话，就是你的文件最后没有空一行！！！
2020-04-17 15:28:40
4167
10
原创 前端将静态页面放在移动端上，查看效果
想要将本地刚写完的静态HTML文件，放在移动端上查看，【不是放在浏览器中，打开移动端模式】。需要进行一下步骤：1.全局安装 node ，具体步骤看官网。2.在全局运行 cmd， 输入 npm install anywhere -g。3.打开静态资源 HTML 所在的文件夹，之后，运行 cmd ，输入 anywhere ，出现一下内容：C:\Users\47816\Desktop\szgg...
2020-04-10 18:16:34
982
原创 vue中引用第三方插件 Animate ，会报错 'xxx' is defined but never used.
今天在做项目的时候，引入了 Animate 这个插件，结果报错，vue is defined but never used,这是 eslint 报的错，在 eslinttrc.js 中插入以下代码rules: { "no-unused-vars": 'off' }之后，重新启动项目，记得是重新启动，而不是刷新！！！类似的报错，方法都一样的。...
2020-04-03 20:36:49
756
原创 Git 使用的最完整步骤，没有其二
Git 的使用和 GitHub 的使用公司新来的小朋友，今天有人问我这个 git 怎么用，他之前没有用过，我就给讲了一下，他还是不太会用，哈哈哈，好吧，我就整理了一下，给他了，现在基本上就会用啦！所以， 就算你什么都不会，没有用过 GIt，按照以下的步骤一步一步来，保你全通。不接受反驳，哈哈哈哈！！Git 的使用1.1 Git 使用前的配置在使用 git 之前，先要告诉 git ，你是谁：...
2019-12-26 17:10:11
230
原创 git 报 Fatal: HttpRequestException encountered.
今天在提交 git push 的时候，居然搞了个错，必须的重新输入一遍用户名和密码，后来查了一下，发现必须的升级一下，才能正常使用，于是乎就找到了这个 跳转链接下载下载之后，运行，之后重新启动你的 git ，就可以啦！！！...
2019-12-26 14:16:27
129
原创 video.js禁止拖拽进度条
video.js禁止拖拽进度条话不多说，直接上代码：这里需要用到一下 js ,大家可以按照以下方法操作：引入 videojs.disableProgress.js/* * disableProgress * https://github.com/SadwickR/videojs-disable-ui * * Copyright (c) 2013 Ryan Sadwick * ...
2019-12-19 16:34:19
7886
6
原创 video.js 获取多个 video 和多个 audio 的长度以及播放时长
video.js 获取多个 video 和多个 audio 的长度以及播放时长话不多说，线上我的客户的需求：客户：‘我们现有的视频播放有个逻辑在里面：如果没选课，可以随意拖拽，不记进度；如果选了课程，则进度不可拖拽，此时按照播放进度记录时长’播放过程每15秒抛一次，然后每个视频或音频播放完抛一次；每个音频或视频的进度，对我们来说不重要，我们只要总进度就好了，每个的进度主要是要再抛还给你们...
2019-12-19 16:18:29
1836
原创 eslint 中的驼峰名报错
**eslint 中的驼峰名报错**直接上代码：这是我的代码，大家看到问题了吗？ async showEditDialog(attr_id) { // 查询当前参数的信息 const { data: res } = await this.$http.get( `categories/${this.cateId}/attributes/${attr_...
2019-12-16 14:18:56
2379
7
原创 ESlint 中常见报错的类型和解决方案
ESlint 中常见报错的类型和解决方案这是我在使用 eslint 过程中遇到的一些问题，和自己总结的一些，希望对大家有帮助。vue 中 quotes 报错 ：不能使用双引号 “ ”，只能使用单引号 ‘ ’；vue 中 indent 报错：报错代码的这行缩进有问题，直接格式化一下，或者设置一下缩进；vue 中 eol-last 报错：代码的末尾没有 enter 回车，或者在 e...
2019-12-16 11:28:42
2848
1
原创 http协议内涵
1**(信息类)：表示接收到请求并且继续处理100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本2**(响应成功)：表示动作被成功接收、理解和接受200——表明该请求被成功地完成，所请求的资源发送回客户端201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器...
2019-09-03 18:00:10
104
原创 wampserver无法正常启动
今天下载wampsever ,在安装成以后，发现一直启动不了，一直是橙色的，下面是我的检测步骤：1.将wamp全部卸载，重新安装，发现还是不行。2.localhost不能使用，发现我之前装的webpack-simple占用了端口80，之后就在左键点击Apache里面找到httpd.conf，按ctrl+f,查找80，将 12.34.56.78:80中的80，修改成自己想要的【我修改成了8082...
2019-09-02 15:14:55
2151
原创 使用video.js时,iframe内嵌视频无法全屏
今天在做项目的时候，碰到了一个这样的问题，精外部的html引入到本页面当中，video.js的全屏不能用，后来查了一下，需要在iframe中添加一个属性 allowfullscreen=“true”，这样完美了。希望对大家有帮助。<iframe src="web/templates/periods18/18.html" allowfullscreen="true" width="100%"...
2019-08-20 18:07:11
1903
原创 html文件引入外部的html文件的方法
一、div+$(“#page1”).load(“b.html”)参考代码：<body> <div id="page1"></div> <div id="page2"></div> <script> $("#page1").load("page/Page_1.html"); ...
2019-08-20 18:02:05
1796
原创 常见电脑的分辨率（适合刚接触代码的菜鸟们，我也是个菜鸟）
电脑正常的屏幕分辨率应该是多少通常来说是按照不同的寸数的显示器，其分辨率就不同：17寸彩显(CRT)1024*76815寸彩显(crt)800*60019寸宽屏液晶(LCD)1440*900液晶显示器的分辨率一般是固定的，是不能修改的。显示器屏幕比例是什么目前常见的显示器屏幕比例(长:宽)有四种：5:4 = 1.254:3 = 1.3316:10 = 1.6016:9 = 1...
2019-07-05 14:37:16
1921
原创 swiper的兼容性（IE、chrome等）
前几天在开发页面过程中，使用到的swiper插件做轮播图时，遇到了一些问题，chrome、360、QQ浏览器中都能正常显示，在IE10浏览器中显示正常，但是在IE9及以下不能使用。原因：swiper插件适用于移动端，PC端上面有版本兼容问题，在IE9及以下，使用swiper2的任何版都可以，swiper2 还是很强大的；在IE10以上，以及其他的浏览器，swiper的版本都可以用。所以现在大家在...
2019-06-05 09:27:50
12751
转载 CSS设置div滚动条样式的示例
.scroll{width:100px;height:200px;overflow:auto;/自动出现滚动条，如果要出现竖直滚动条则改成：overflow-y:auto，如果横向出现滚动条则改成：overflow-x:auto/scrollbar-face-color:#F00;/滚动条凸出部分的颜色(前景色),包括两端的方形按钮、水平或竖直滑动的滑块的颜色/scrollbar-t...
2019-03-21 09:47:14
4860
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人