- 博客(99)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue-element-admin npm instatll 下载报错
我们从github把vue-element-admin 下载下来 npm i 会发现报下面错误是因为有些依赖版本太低 换成新的版本就好 执行以下npm update 更新依赖也是最重要的一步 把项目的node_modules 删除掉 重新 npm i 或者 cnpm i 一下 重新把依赖重新引入在跑 npm run dev就可以了...
2020-06-27 13:08:18
325
原创 uniapp插件-微信小程序富文本编辑器myeditor在H5内容没显示问题
使用uniapp插件市场的富文本插件editor的时候，在小程序显示正常，在H5显示错乱 内容不见了效果是这样在小程序显示正常 在H5就变成这样了查看源码发现是样式问题 定位的时候 把高度设置成100%，不是不见了而是变覆盖了找到源码文件editor.vue，找到.header添加一个 height :auto就可以了重新运行一下就可以了...
2020-06-17 16:29:00
2703
原创 JS怎么唤起百度地图
JS通过链接的形式可以打开导航详情.location.href = http://api.map.baidu.com/marker?location=纬度,经度&title=位置信息&content=内容&output=html
2020-06-17 14:42:18
1243
转载 JavaScript的设计模式(三)-单例模式
/***单例模式之所以这么叫，是因为它限制一个类只能有一个实例化对象。*经典的实现方式是，创建一个类，这个类包含一个方法，这个方法在没有对象存在的情况下，将会创建一个新的实例对象。如果对象存在，这个方法只是返回这个对象的引用。单例和静态类不同，因为我们可以退出单例的初始化时间。通常这样做是因为，在初始化的时候需要一些额外的信息，而这些信息在声明的时候无法得知。对于并不知晓对单例模式引用的代码来讲，单例模式没有为它们提供一种方式可以简单的获取单例模式。这是因为，单例模式既不返回对象也不返回...
2020-06-13 18:54:39
197
原创 JavaScript的设计模式(二)- 模块化模式
在JS模块化中我们可以分为 对象表示法 AMD模块 CommonJS ECMAScriptHarmony 模块化模式 一.对象表示法在对象字面值的标记里，一个对象被描述为一组以逗号分隔的名称/值对括在大括号（{}）的集合在对象里面我们可以存储很多东西字符串，数字，数组，方法，通过键值对的方法存放在对象中let obj = { string : '我是一个字符串', number : 12, array :...
2020-06-13 17:32:26
288
原创 JS怎么唤醒高德导航
JS通过链接的形式可以打开导航详情.<a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a>
2020-06-12 16:39:39
1378
原创 H5保存图片到本地和预览
H5的话 通过A链接我们可以实现图片的下载和预览图片下载方法 动态创建A链接，添加download属性和href属性，并触发点击事件，let alink = document.createElement('a');alink.href = Url;alink.download = Url;alink.click();图片预览方法 动态创建A链接，添加href属性，并触发点击事件，let alink = document.createElement('a');alink....
2020-06-11 16:16:07
4227
7
原创 JavaScript的设计模式(一)-构造器模式
构造器模式在面向对象编程中，构造器是一个当新建对象的内存被分配后，用来初始化该对象的一个特殊函数。在JavaScript中几乎所有的东西都是对象，我们经常会对对象的构造器十分感兴趣。对象构造器是被用来创建特殊类型的对象的，首先它要准备使用的对象，其次在对象初次被创建时，通过接收参数，构造器要用来对成员的属性和方法进行赋值。对象创建/* 创建对象 */let obj = {};...
2020-06-11 12:00:42
237
原创 HBuilderX无法启动微信小程序，
在HBUILDX运行uniapp项目在小程序端的时候 微信开发者工具打不开，检查两个地方1.第一是 开发者工具的安装路径 右击开发者工具 -> 属性-> 复制起始位置返回hbuilderx运行->运行小程序模拟器->运行设置->填写你微信小程序安装的地址第二步 打开微信小程序的代理开关点击微信小程序->设置->代理设置->安全->把代理开关打开在返回HbuildX重新运行就可以了...
2020-06-11 11:16:42
5721
4
原创 vue-cli项目代码提交仓库校验没使用的对象
在构建vue-cli 脚架的时候会提示是否使用eslint校验代码,而当使用eslint后，提交代码你会发现，只有文件里面有没有使用的变量，对象，或者参数的时候，代码是提交不了仓库的，会报错类似下面的错误，错误就是这个对象或者变量未定义或者使用一个就是关闭eslint 校验一个就是在 .git文件删除掉pre-commit文件文件路径在 当前文件仓库.git\hooks\pre-commit, 把这个删除就不会校验，可以提交代码了...
2020-05-23 09:19:29
384
原创 phpstom怎么设别vue项目的@路径
第一步 在根目录配置一个 phpstom.config.js文件const path = require('path');function resolve(dir) { return path.join(__dirname, dir);}module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('sr
2020-05-13 16:02:28
187
原创 vue-cli+prerender-spa-plugin配置SEO
通过vue-cli页面可以搭建spa单页面应用，但单页面项目不利于网站的SEO，现在vue也提供了预渲染，服务器渲染的相关操作，这里的介绍一种相对简单的，通过prerender-spa-plugin来配置，将单页面变成多页面第一步：引入依赖prerender-spa-pluginnpm i prerender-spa-plugin --save-dev第二步 ：在vue.config.js配置默认vue-cli3x项目是没有vue.config.js文件，这个要自己创建的，配置如下..
2020-05-13 09:36:47
1366
7
原创 charles---抓包HTTPS的方法
从网站下载下来的抓包Charles默认抓包HTTPS，如下图，什么数据都是看不到，全部乱码，只需要在 Proxy ->Proxy Settings 和Proxy -> SSLProxying Settings配置一下第一步在Proxy ->Proxy Settings配置如下图，端口号一般是8888，也可以换别的第二步 在Proxy -&g...
2020-05-06 17:29:05
764
原创 VUE-cli 项目-- Cannot find module '@vue/cli-shared-utils'
运行 项目的时候遇到 Cannot find module '@vue/cli-shared-utils'，截图的话，忘记截图了，就没有弄，有再遇到，在补充，只需要先运行一下 cnpm update /npm update 重新更新一下依赖，在运行一下项目就可以了...
2020-05-06 15:11:06
19907
7
转载 HTTP请求常见错误码集合
目录一. 1XX开头的二. 2XX开头的三. 3XX开头的四. 4XX开头的五. 5XX开头的一. 1XX开头的1.意义 1开头的表示信息提示，这类状态表示临时的响应2.常见100 - 继续 101 - 切换协议二. 2XX开头的1.意义 1开头的表示服务器成功地接受了客户端请求2.常见200 - 确定。客户端请求已...
2020-04-29 14:08:13
1544
原创 UNIAPP怎么引入在项目里面引入echart
在uniapp项目中，没有所谓的标签，只有对应的组件，这里就要借助renderjs-echarts-demo，它能把对应的JS和HTML转换为对应的组件，只支持H5和APP第一步 ：引入renderjs-echarts-demo在插件市场找到renderjs-echarts-demo ，直接引入地址这个插件也表示，限制条件为第二步，在所需的页面加入渲染代码创建一...
2020-04-27 10:45:16
12803
16
转载 css实现骨架屏
<style lang="scss" scoped> @mixin skeleton-ani { 0% { left: 0 } to { left: 100% } } @-webkit-keyframes ani { @include skeleton-ani; } @keyframes ani { @include skelet...
2020-04-23 15:47:13
1555
原创 Vue-cli脚架安装sass
第一步，安装sass所需插件node-sass、sass-loder、style-loader、sass-resources-loader npm i node-sass sass-loader style-loader sass-resources-loader --save-dev 2.第二步引入，在页面的style写下标记，告诉webpack这个用scss来编译 ...
2020-04-23 11:43:31
347
原创 移动端网页判断手指触摸滑动的方向
我们在写手机端的网页的时候,往往会添加一些手势的操作来增加用户的体验,比如左滑,右滑,上滑,下滑,这个方向的操作在操作之前我们要认识touch这个只有在手机端才有的函数事件，也就是滑动事件1.touch事件这里用到的是touchstart，touchmove，touchend这三个事件，分别代表的是 滑动的开始，滑动中，滑动的结束，可以传一个事件对象参数event.docume...
2020-04-22 14:21:36
2722
4
原创 ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading
在运行webpack的项目，并且项目有sass的，进行多地方代码操作的时候，往往有时候项目拉下来会报错ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading/loading.scssModule build failed: Error: Node ...
2020-04-16 20:46:18
5953
原创 wap2app去除系统自带的导航栏
有时候我们做移动端的项目的时候，有属于自己的导航栏，在通过网站变成APP, 就会形成两个导航栏，这个时候我们就是去掉原生带来的;1.找到项目的sitemap.json文件2.找到global里面的titleNView，把它变成false3.这步如果没有写的，你就会发现项目的话，只是把你导航栏的样式，颜色什么都去掉，变成默认的原生导航栏，白灰色的导航，但并没有消失，我...
2020-04-13 09:24:30
2387
原创 uniapp--热更新代码
第一步通过ajax请求后端的wgt文件，这个文件是可以通过HBUILDX生成的更新包 第二步官网有给了一个前端的更新代码，不过会出现一个错误unexpected EOF，所以我们用另一个写法 plus.runtime.getProperty(plus.runtime.appid, function(info) { // ajax请求,这里就不写了，这里模拟一个数据，通过Promi...
2020-04-09 15:31:49
2395
原创 uniapp-插件NoticeBar 通告栏滚动显示不出来
我们通过uniapp的插件市场引入NoticeBar引入之后 滚动之后发现文字不见了，通过检查代码样式发现，当它滚动的时候，内容的高度为0，既然知道了原因，那就解决了在components找到源码文件找到样式表，找到uni-noticebar__content--scrollable这个类名，在大约318行的位置中加上 height:100%文字就...
2020-04-09 12:04:37
7955
1
原创 移动端常见问题集合
目录一.iOS 滑动不流畅产生原因解决方案二.iOS 上拉边界下拉出现白色空白表现产生原因解决方案三.页面放大或缩小不确定性行为表现产生原因原理与解决方案四.在PC端可以的字体放在手机端就不行表现产生原因原理与解决方案五.软键盘将页面顶起来、收起未回落问题产生原因原理与解决方案六.iPhone X系列安全区域适配问...
2020-04-08 18:02:14
600
原创 VUE脚架项目搭建----APP项目的构建入口文件
通过vue-cli脚架的搭建，我们得到一个初始化的项目，我们删除对应不需要的文件，比如里面的logo，链接，hellWord文件，等到一个没有其他的框架，然后我们就要来搭建项目，怎么要搭建项目才可以方便维护和扩展，这里我们来讨论的是APP的目录，思路就是几种根据模块来划分，比如一般的APP都有首页，个人中心，产品，登录，等等模块，可以按照大模块来划分 根据功能来划分，比如登录里面包含注册...
2020-04-01 16:51:37
424
原创 ECHART思维导图插入图片
默认是思维导图的都是文字myChart.showLoading();var data = { "name": "flare", "children": [ { "name": "data", "children": [ { "name"...
2020-04-01 15:47:02
1366
转载 REM换算JS
//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWidth) { var doc = document, ...
2020-03-31 15:47:47
1006
原创 SASS的认识
一.sass/scss的认识今天我们来认识一个CSS的预处理器-------sass/scss，它可以让我们把css当成js来写，可以有变量，字符串，嵌套，函数，引入，扩展，循环，计算等等逻辑处理，让样式的编程不可那么的单一化，也可以减少 CSS 重复的代码，节省开发时间。二.变量变量可以存储以下信息：字符串 数字 颜色值 布尔值 列表 null 值通过变量的形式 我...
2020-03-30 17:37:56
375
原创 vue-cli脚架引入sass报错问题 TypeError: this.getResolve is not a function
通过vue-cli脚架的搭建后，我们要在项目引入sass ，npm install node-sass --save-devnpm install sass-loader --save-dev或者npm install sass-loader node-sass --save-dev结果运行出现TypeError: this.getResolve is not a funct...
2020-03-28 15:35:50
482
1
原创 vue脚架的搭建
1.安装node到node官网安装对应版本的node 下载下来，然后傻瓜式的安装都电脑，打开cmd命令 对应打 node -v npm -v 出现对应的版本号的时候证明你安装成功，如果没有，请配置node的环境变量二 安装vue-clinpm install -g vue-cli三 初始化项目vue init webpack projectName这里的proj...
2020-03-28 11:00:52
893
原创 webpack-----从入门到精通（四）
从webpack-----从入门到精通（一）我们知道了webpack的基本配置的相关信息，从webpack-----从入门到精通（二）我们知道了plugins 的使用，让用户不用去处理一些简单而有鼓噪的东西从webpack-----从入门到精通（三）我们了解 devserver的方便，热更新以及模式mode的切换而今天我们来学习webpack的其他配置 ---modul...
2020-03-25 19:06:22
204
原创 webpack-----从入门到精通（三）
从webpack-----从入门到精通（一）我们知道了webpack的基本配置的相关信息，而从webpack-----从入门到精通（二）我们知道了plugins 的使用，让用户不用去处理一些简单而有鼓噪的东西而现在我们就要来学习webpack的另一个东西 devServer这个插件 传统的开发中 我们每次修改都要样式 逻辑 都要把页面刷新一下才可以看到效果，而且 ajax 请求在 ...
2020-03-20 10:52:38
189
原创 webpack-----从入门到精通（二）
从webpack-----从入门到精通（一）我们知道了webpack的基本配置的相关信息，不过在第一步的操作的，每次生成新的文件，我们都要自己去引入，是不是觉得webpack不是应该自动 ，为啥还要我们手动，其实是因为我们还没用到它的其他方法，今天我们就来介绍他的另外一个配置插件------plugins，是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配...
2020-03-18 12:00:07
265
原创 webpack-----从入门到精通（一）
一，webpack的认识一直用vue脚架自动生成项目，但其他最主要的webpack是怎么搭建的，怎么编译 怎么构建 估计很少人会去关注，做个webpack的记录和见解，我们先通过一个图片来认识webpack;这个图片基本就把webpack的功能介绍出来了能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理, 能有Grun...
2020-03-14 17:28:47
561
原创 前端面试题--css
1.z-index的使用答：z-index是用于设置标签的层级关系，需要同时设置标签的position属性，标签的默认z-index为0，可以设置负数，值越大，越在顶部，相反值越小 越在下面， 权重的数字也要适当 导航 底部切换 固定logo等 一些常见估计在最顶部 的权重可以把数值调大 ，其他的 就适当2.float的使用答：属性定义元素在哪个方向浮动。在HTML有标准流，浮动...
2020-03-07 17:40:28
157
原创 uniapp-wgt热更新WGT安装包中manifest.json文件不存在或者unexpected EOF
UNIAPP官方给出了一个wgt热更新功能，通过热更新我们可以进行小部分功能的更新热更新官方地址通过官方给出的教程进行前端搭建export const updateWgt = () => { return new Promise(async (reslove, reject) => { plus.runtime.getProperty(plus.runtime.appi...
2020-03-07 11:34:45
7754
1
原创 uniapp-怎么把项目打包成H5
如果没有项目的话就自己创建项目uni-app创建完项目我们会得到一个uniapp框架，可以往里面添加属于自己的功能和需求但我们把需求和功能都写好，就是发布的时候，通过uniapp 我们可以发布成下面多种平台的项目这里我们是打包成H5的流程，所以我们选择网站-H5手机版这个选择在这里我们可以填写网站的标题和请求的域名 ，默认的话 他的指向是服务器的根目录，比如你...
2020-03-06 13:34:40
29760
6
原创 CSS-单行省略和多行省略
单行省略div { white-space:nowrap;/* 规定文本是否折行 */ overflow: hidden;/* 规定超出内容宽度的元素隐藏 */ text-overflow: ellipsis; /* 规定超出的内容文本省略号显示，通常跟上面的属性连用，因为没有上面的属性不会触发超出规定的内容 */}有时候因为弹性或者浮动等情况不生效的话，可以在...
2020-03-05 11:48:09
618
原创 CSS-通过样式实现各种图形样式
三角形1.角度向上 width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red;2. 角向下 width: 0; height: 0...
2020-03-03 18:10:00
674
原创 实现抽奖效果
前几天看见转盘抽奖好玩，就自己弄个试玩玩看，效果如下主要代码，基于jQuery的，也可以把他改成vue，ng，react，随需求改动，这里的就用jq/* 抽奖配置对象 */ class turntable { constructor(arg) { console.log(arg); this.width = arg.width || 300; //转盘宽度...
2020-03-03 17:32:52
456
2
vue-cli-tabbar.zip
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人