- 博客(75)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 vue实现PC端分辨率适配
依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem开始先使用vue脚手架初始化一个webpack项目vue init webpack 项目名项目初始化好了之后，进入项目目录中 (cd 项目名) 安装 lib-flexible 和 px2rem-loade...
2019-07-25 16:12:23
121119
153
原创 git 报错 error: insufficient permission for adding an object to repository database .git/objects 解决方案
git pull的时候出现以下错误， 是由于.git/objects目录下文件和文件夹权限导致。解决办法：修改.git/objects目录下文件和文件夹的用户和用户组。如果不知道username 和 groupname，可以通过。
2023-07-13 21:12:32
593
原创 【vue】vue-devtools安装使用
vue-devtools安装使用安装配置使用安装配置github下载安装包 https://github.com/vuejs/vue-devtools在这里插入图片描述yarn配置devtools，使用npm配置遇到一些问题，最后还是决定使用yarn配置若没有安装yarn，首先全局安装yarnnpm install -g yarn使用前建议切换淘宝镜像yarn config set registry https://registry.npm.taobao.org --global
2021-12-22 12:50:28
618
原创 vue项目页面嵌入代码块vue-prism-editor
需求：1. 可输入代码，并且代码语法高亮2. 支持编辑和不可编辑模式3. 提交到后端到代码内容为字符串格式实现在gitbug上找到vue-prism-editor，可以满足以上需求。使用安装vue-prism-editornpm install vue-prism-editor由于vue-prism-editor需要依赖 prismjs，所以还需要安装prismjsnpm install prismjs在需要使用vue-prism-editor的组件中引入import
2020-10-30 11:26:37
3572
1
原创 vue项目部署到线上报 Uncaught SyntaxError: Unexpected token ‘＜‘
Bug描述：该项目作为一个平台的子平台存在，根据nginx路由分发实现路由跳转。在从主平台跳转到该子平台的时候，页面一片空白，在控制台有3个报错，报错内容均为：Uncaught SyntaxError: Unexpected token ‘<’点开报错详情，发现文件类型为XXX.js文件，实际内容为一个html文件此类型错位一般为期待一个js文件，实际返回一个html文件导致解决方式：查看引用外部文件的路径是否正确vue-cli默认build后的文件格式为：js/[name].[ch
2020-10-23 11:22:15
4610
原创 vue文本比较插件
安装npm install codemirrordiff-match-patch diff-match-patch使用 <div id="view"></div><script> import CodeMirror from 'codemirror' import 'codemirror/lib/codemirror.css' import 'codemirror/addon/merge/merge.js' i...
2020-10-15 10:53:34
3703
11
原创 vue使用this.$parent.变量名获取父组件的数据得到undefined
我们知道在子组件中可以通过this.$parent.数据this.$parent.方法 主动获取父组件的数据和调用父组件的方法。但是在工作中，我们经常会遇到使用 this.$parent.数据 获取父组件的数据 得到undefined的情况，如下：这种问题往往是由于父组件在调用子组件的时候，在子组件的外层包裹了一层UI组件的某个组件看下父组件调用子组件的代码： <template> <Modal v-model="applyStatus"
2020-10-14 17:15:04
8425
5
原创 vue在mounted中获取元素宽度不准确的问题
遇到这样一个问题：在组件mounted生命周期中获取类名为newForm元素的宽度 mounted(){ this.formWidth = document.querySelector('.newForm').offsetWidth console.log('formWidth',this.formWidth) },审查元素发现，元素的宽度为1695但是控制台打印输出的一直都是1890查资料发现可能是页面没有完全渲染完毕就去获取了元素的宽度加个延迟
2020-07-08 16:08:09
4698
原创 go build报cannot find package ‘fmt’ in any of 解决办法
找不到fmt包，一般是由于GOROOT配置不正确导致的我是在golang download这个网站直接下载.pkg文件，一路下一步安装的。安装成功之后，首先查看一下go的安装目录which go把go的安装路径配置在环境变量里就好了配置方法见 GO环境变量配置（MAC）...
2020-06-29 10:57:02
5111
1
原创 Go环境配置(MAC)
安装Go开发包下载地址 https://golang.google.cn/dl/一直下一步安装安装完成之后执行 go version 命令，输出版本号即安装成功配置GOPATHGOPATH是一个环境变量，是GO项目的存放路径GOROOT为go安装路径添加环境变量vim ~/.bash_profile环境变量添加保存之后，执行以下命令让配置生效source ~/.bash_profile查看go环境变量配置go env...
2020-06-28 00:08:10
6368
2
原创 iview自定义表单校验规则
export default { data () { return { rules: { NodeNameCH: [ {required: true, message: '中文名称不能为空', trigger: 'blur'}, {validator:(rule, value, cb)=>{this.isNodeNameExist(value, cb)}, trigger: '.
2020-05-14 19:19:18
2928
原创 git删除提交到远程分支到文件
预览需要删除的文件（以FormCreate.vue为例）git rm -r -n --cached src/components/formCreate/FormCreate.vue 注意：路径要写对git rm -r -n --cached src/components/formCreate/FormCreate.vue rm 'src/components/formCreate/FormCreate.vue'确认无误后删除文件，只需要去掉 -n 参数git rm -r --cac.
2020-05-14 18:11:19
713
原创 vue数据更新页面没有及时同步解决方案
我们在项目中经常会遇到数据更新了，但是视图并没有发生改变。尤其是引用类型的数据。解决方案Vue.set( target, propertyName/index, value ).sync修饰符
2020-05-13 13:33:59
5501
原创 vue使用Better-scroll模拟原生滚动效果
在开发诸如此类有滚动区域的页面时，虽然页面外层盒子自动被撑开也可以实现滚动效果，但是滚动难免显得有些生硬。我们可以使用 better-scroll 这个插件模拟原生滚动效果，使滚动看起来更柔和一些。安装better-scrollnpm install better-scroll --save在项目中引入better-scrollimport BScroll from 'bet...
2020-03-18 17:09:46
613
原创 webpack-dev-server代理请求配置
在做项目的过程中，本地请求地址和线上请求地址有的时候会有一些出入。为了避免在项目上线之后要改动很多请求地址，我们使用webpack-dev-server统一做一个代理。本地mock数据在 /static/mock/ 这个路径下想要访问 /static/mock/index.json，我们的路径就应该写成axios.get('/static/mock/index.json')但如果在线...
2020-02-24 16:47:30
2472
原创 css mixins的用法
mixin是一种简化代码的方法，能够提高代码的重复使用率。使用方法：创建mixins.styl文件，在该文件中封装样式方法在需要使用样式方法的文件中引入mixins.styl文件，直接使用对应方法即可...
2020-02-20 18:42:27
2055
原创 vue项目配置路径别名
在 build–>webpack.base.conf.js 文件中找到以下代码，在alias中添加即可resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src') }},...
2020-02-20 13:49:41
1099
原创 stylus定义全局变量
很多项目都会有一个主题色，这个色值在很多地方都会使用到，或者一些在很多地方都会用到的共同的东西，这种情况下最好的办法就是定义一个全局变量，方便使用。最近项目使用stylus写css，也正好有这样的需求，正好把stylus定义变量的方法总结一下。这是项目的头部，背景颜色其实就是整个项目的主题色。为了在其他地方方便使用，需要定义一个全局变量。方法如下：创建一个用来定义全局变量的文件 var...
2020-02-20 13:17:22
1877
原创 webstorm配置本地运行环境
添加一个Deployment。文件 --> 设置 --> 构建执行部署 --> Deployment点 “+” 选择Local or mounted folder，输入server name新建。配置connection：获取本地IP地址方法：电脑运行 cmd 打开终端 输入 ipconfig 命令 查询本机IP地址。配置Mappings：点确认按钮关闭...
2019-08-15 11:34:33
2903
1
原创 vue项目打包后css背景图片路径不对问题
解决办法为：只需要在build/utils.js文件中添加如下一行代码即可。publicPath:'../../'
2019-08-08 16:36:55
845
原创 本地运行vue dist文件
vue打包命令 npm run build运行这个命令会在目录中生成一个dist文件夹在服务器部署vue项目只需要把这个文件夹给后台就可以了但是打包之后我们需要在本地先自测一下，下面就是踩过的一些坑：静态资源路径问题——空白页面解决方法：打开脚手架的config文件中的index.js文件，把build对象内的assetsPublicPath(发布路径)改为"./"。默认的情况下是...
2019-08-08 16:33:33
17485
3
原创 vue打包后的dist文件在IE浏览器中打不开（空白页面）
下载安装 babel-polyfillnpm install babel-polyfill --save-dev安装成功之后在package.json中有了这个依赖包在main.js文件中引入babel-polyfill改动webpack.base.config.js将entry中的app: './src/main.js’配置改为：app: [‘babel-polyf...
2019-08-08 15:02:16
2465
原创 css3d翻转
<div class="repast-cate-item-content"> <div class="repast-cate-item-main"> <img :src="item.main.imgSrc"> <p>{{item.main.name}}</p> </div> <div clas...
2019-07-29 12:36:16
621
原创 layui弹层打开之后按空格键出现多层遮罩层问题解决
正常弹层打开的页面，也是我们想要的效果：弹层打开之后按多次空格之后的页面：这个问题在laui的官网也有，所以不是个人使用方式的问题。我目前唯一想到的办法就是在弹层打开的时候禁止按空格的事件，如果页面中有输入框或者文本域需要输入空格的，就在focus方法中再打开按空格事件。因为弹层出问题是再弹层刚打开不执行任何操作的时候立马按空格才会有的，所以不必担心在输入框或者文本域打开空格事件之后遮...
2019-06-29 11:16:41
1724
2
原创 html+css实现加载动画
效果图如上，我不会做动图，啊啊啊，会的小伙伴教我一哈 [手动抱拳]代码很简单，就直接上代码了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ width: 100%;...
2019-06-20 15:05:08
3535
1
原创 价格输入input正则校验
th是一个原生js的对象，如果获取的是jQuery对象，需要转成js对象。//实时动态强制更改用户录入 priceCheck:function(th,event) { var event = event || window.event; var code = event.keyCode; if(navigator.userAgent.indexOf("Firefox")...
2019-06-04 18:11:25
1499
2
原创 js图片压缩
//图片上传 loadLocalImage: function(fileObject, imageID, imageType) { if (typeof FileReader == 'undefined') { alert("当前浏览器不支持FileReader接口"); return; } var file = fileObject.files[0]; ...
2019-06-03 14:36:00
1437
原创 js实现Excel导出功能
使用get方式请求后台接口，能获取到导出文件的地址，此时就相当于浏览器打开一个新的链接<button type="button" id="export" class="btn"><i class="fa fa-download"></i> 导出</button> // 导出功能$('#export').on('click',functi...
2019-05-09 16:21:18
5389
原创 js实现Excel导入功能
仅上传Excel文件给后台<input id="articleImageFile" name="excelFile" type="file" class="x-file" onchange="importExcel(this)"><button id="saveZipButton" type="button" class="btn" onclick="document...
2019-05-09 16:04:34
16128
1
原创 js图片上传(配合七牛云)
我是用bootstrap+layer+jQuery做的，一些样式使用了bootstrap和layer的样式，如果不使用这两个框架可以自行修改样式。这篇博客主要是说功能实现。上传操作主要是通过input来实现的<input type="file" id="cardFileupload" class="x-file" accept="image/*" />效果如下图：因为上传...
2019-04-18 14:38:01
4110
5
原创 summernote富文本编辑器的基本使用
summernote官网: https://summernote.org/首先下载对应的css、js文件。下载地址：https://summernote.org/getting-started/在文件中引入css和js文件 在页面上创建富文本区域summernote可以使用form，也可以直接使用div标签使用div标签<div id="summernote"&g...
2019-04-16 11:32:05
975
原创 jqGrid formatter详解
jqGrid中的formatter，可以用来格式化表格中的值，也可以通过自定义函数在单元格中插入一些标签。格式化单元格中的值formatter主要是设置格式化类型（integer ,email等以及函数来支持自定义类型），formatoptions用来设置对应formatter的参数,jqGrid中预定义了常见的格式及其options:integerthousandSepara...
2019-04-12 15:22:30
10019
2
原创 call、apply、bind方法详解
call, apply, bind 三者作用都是改变this指向。bind与apply、call的区别：bind返回一个函数，可以延迟调用。var name = 'window';var newThis = { name: 'newThis' };function showName(info1, info2) { console.log(this.name, info1, i...
2019-04-03 18:48:14
5232
1
原创 js实现自定义打印区域
使用==window.print()==方法可以实现页面的打印功能，但是这个方法打印的是当前整个页面。如果要想打印某一指定区域该怎么实现呢？思路可以是：用想要打印的区域来替换页面内容。获取需要打印的区域。保存原页面body的内容。用需要打印的区域替换页面body内容。打印。还原页面。var newStr = document.getElementsByClassName('pri...
2019-03-26 15:45:51
1785
原创 js使用微信上传图片功能
在说上传图片之前，先说一下准备工作，其实在上一篇微信分享功能那篇文章已经说过了，就是使用wx.config里面去把appId、timestamp、nonceStr、signature这四个参数的值给加上，这些准备工作跟分享是一样的，微信目前开放的那些方法和功能，基本都是这样的准备工作，所以，这里就不在说了，想了解的话就去分享的那篇文章看一下吧。（https://blog.csdn.net/weix...
2019-03-25 19:38:54
2828
原创 火狐浏览器刷新之后表单会保留上一次选择项兼容性问题解决方案
在进行项目开发中，发现一些筛选条件，上一次选中后，刷新页面仍然存在。页面上的数据仍然是上一次表单中的数据，其实是很火狐浏览器的兼容性造成的。解决方案：只需要加上 autocomplete=“off” 就可以了。<input id="name" value="1111" autocomplete="off" /><form name="form1" id="for...
2019-03-19 17:13:32
439
原创 js使用微信分享功能
在使用微信分享(包括微信api里的其他方法)之前，需要有一些准备、比如要准备 appId、timestamp、nonceStr、signature 这四个数据，只有在有这四个字段后，我们才可以去使用微信的一些方法和功能，但这些东西是不能写死的，得是活的，所以就麻烦后端同学配合了一下，将数据帮忙生成了一下，但在调研阶段还是使用的手动生成，生成后他把得到的这几个字段发给我，我拿到后放到对应的位置就可...
2019-03-19 16:54:45
7277
3
原创 浅谈localStorage
localStorage，这是HTML5里新加的一个特性，只要是用来做本地存储的，他解决了cookie存储的空间不足的问题。localStorage的优势和局限。优势：1、解决了cookie4k大小的存储空间，localStorage的存储空间为5M，和cookie一比较，简直是鸟枪对大炮。2、localStorage可以将第一次请求的数据直接存储到本地，相当于一个5M大小的前端页面数据库...
2019-03-18 20:01:06
353
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人