- 博客(44)
- 收藏
- 关注
RSS订阅原创 学习 vue3.0实现原理之proxy
proxy 的意思是 代理，用来代理某些操作。在访问目标对象之前架设一层拦截机制，外界访问这个对象，都必须通过这个拦截。 因此可以通过这一层拦截机制对这个对象进行过滤和改写。ES6 原生提供 Proxy 构造函数，用来生成 Proxy 实例。...
2022-03-10 20:17:38
1289
原创 小程序获取用户位置 uni.getLocation
场景: 进入小程序时, 需要获取用户的位置getLocation(){ // 向用户发起授权请求 uni.authorize({ scope: "scope.userLocation", // 位置授权 success:(res) => { // 发起授权成功----> 用户同意授权 // uni.getLocation ----> 获取当前的地理位置 uni.getLocation({ type: 'wgs84', // wgs84 返回 gps
2021-07-13 15:55:46
2071
原创 Vue.js devtool插件下载安装及后续问题解决 Vue.js is detected on this page. Open DevTools and look for the Vue pane
安装步骤下载: 下载地址打开拓展程序: 点击设置—> 更多工具 —> 拓展程序 或者 chrome://extensions/在你的入口JS文件里加上一行Vue.config.devtools = true问题: Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the aut.
2021-05-12 11:40:24
887
原创 小程序--- 版本更新提示
版本更新提示代码如下:// 版本更新提示update(){ if (uni.canIUse('getUpdateManager')) { const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 if(res.hasUpdate){ updateManager.onUpdateReady(function
2021-04-01 11:04:50
324
原创 vue-element-admin 关掉tags时,清除＜keep-alive＞缓存
要求: 当导航标签存在的时候, 缓存该组件,防止重复渲染DOM, 关闭tags时候 , 清除该组件缓存
2021-03-30 10:51:36
2179
4
原创 vue.js使用webpack发布，部署到服务器上之后如何在浏览器中查看到vue文件源码
webpack+vue 2.0打包发布之后，将发布的文件部署到服务器中之后，浏览器中访问的时候会出现一个webpack文件夹，里边会显示vue文件源码如果想让vue源文件显示出来，可以在config/index.js 中 build 下的 productionSourceMap: true反之, 如果为了提高代码的安全性, 需要将 productionSourceMap: false(默认为true)...
2021-02-25 15:18:40
2468
原创 uni.navigateTo 不支持特殊字符串
使用 encodeURIComponent 进行编码传值uni.navigateTo({ url: "/pages/index/index?row="+ encodeURIComponent(JSON.stringify(row))});使用 decodeURIComponent 进行解码row = JSON.parse(decodeURIComponent(data.row))encodeURIComponent不编码的字符串: ! ' ( ) * - . _ ~ 0-9 a.
2021-02-03 09:50:49
347
原创 小程序之版本更新
版本更新代码如下// 版本更新提示update(){ if (uni.canIUse('getUpdateManager')) { const updateManager = uni.getUpdateManager(); updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 if(res.hasUpdate){ updateManager.onUpdateReady(function (r
2021-02-03 09:41:03
762
原创 小程序之踩过的坑
1. 获取手机号<button open-type="getPhoneNumber" @getphonenumber="getphone" >验证手机号</button>点击按钮可以获取手机号getphone(e){ // 发送请求像后台传递参数 obj = { encryptedData: e.detail.encryptedData, iv:e.detail.encryptedData, sessionKey: this.sessionKey, // 登录时
2021-01-25 15:37:20
431
原创 uniapp 根据 sitemap 的默认规则，当前页面 [pages/my/my] 将被索引
问题解决办法在unpackage文件夹下的dist下的project.config.json配置中 "setting"下 设置"checkSiteMap": false`删除重新打包(启动)
2021-01-07 16:31:45
977
原创 小程序:定位具体位置和显示相应城市名称
问题:uniapp 内置方法uni.getLocation在小程序中 只能获取到经纬度, 不能获取到具体的城市名称uni.getLocation: https://uniapp.dcloud.io/api/location/locationuni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度：' + res.longitude); console.l
2021-01-06 16:56:24
944
原创 小程序编译时, 提示: 80051,scource size 8290KB exceed max limit 2MB
编译错误提示解决办法一:先查看是那部分文件体积过大- 图片 -----> 压缩图片- 字体文件 ----> 减小字体文件体积, 更改方式- pages —> 办法如下:解决办法二:pages:分包加载 : 官网地址 https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html...
2021-01-06 16:32:49
11778
原创 uniapp 小程序编译时, iconfont.css 等 部分文件无法上传
出现问题: 真机预览无法显示阿里字体图标解决办法：正常操作：将存放在static根目录下的字体文件转移到其他的文件夹项目，比如我在根目录建了个 font中, 如图:最后在app.vue 中全局引入
2021-01-06 16:17:43
1143
1
原创 el-tree 报错 TypeError: Cannot read property ‘setCheckedKeys‘ of undefined“
场景权限管理 , 该角色下权限菜单回填 勾选使用 this.$refs.tree.setCheckedKeys([1,3,4,5,6]) 会出现不能回填解决办法:// 错误是因为你的dom元素还没有加载完，你就想使用 setCheckedKeys 设置目前勾选的节点// Vue.nextTick([callback, context]) 解决办法 this.$nextTick(() => { this.$refs.tree.setCheckedKeys(e.defaultChe
2020-12-29 15:50:36
2205
原创 函数柯里化
函数柯理化柯里化称为部分求值, 柯里化函数会接受一些参数, 然后不会立即求值, 而是继续返回一个新的函数, 将传入的参数通过闭包的形式保存, 等到被真正的求值的时候, 在一次性把所有的传入的参数进行求值作用参数缓存, 延迟执行,提高函数的适用性例如: 想要实现如下方法add(2)(1, 3, 4)(2, 3)(3)(4, 6)(7, 98)() // 133当参数为空的时候, 执行所有参数相加function add () { // 用来缓存所有的arguments值 let.
2020-11-16 16:31:45
76
1
原创 vue优化之CND优化
问题: vue 打包(npm run build)之后, vendor.js文件过大, 导致首页加载速度非常慢, 影响体验效果, 原因是第三方库(vue , vue-router , element-ui , axios )都打包在vendor.js 文件中解决方法使用 CND 优化CND 优化是指把第三方库(vue , vue-router , element-ui , axios )通过外链的形式引入到项目目中, 减少打包时 vendor.js 文件的体积, 以加快页面访问速度使用方法在项目
2020-10-29 16:14:08
866
原创 vue-cli 安转方法 和 单页面改为多页面应用 (mobile 和 pc 为例子)
vue-cli 安转方法 和 单页面改为多页面应用:使用vue-cli 搭建一个项目,(没有node.js安转node.js)全局安装Vue-cli : npm install -g vue-cli搭建项目 vue init webpack dome根据自己的需求完成操作, npm run dev 运行项目`将 vue-cli 搭建的单页面应用改为多页面应用 修改前: 修改后:文件内容修改如下开始的三张图片在 build/webpack.base.conf.j
2020-10-12 10:53:39
414
原创 Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db
使用HBuilder X 运行项目时报错(我用的是2.8.8版本)报错内容:Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db解决办法关掉HBuilder X找到HBuilder X安装目录,在根路径找到 plugins—> uniapp-cli删除node_modules, package-lock.json 这两个文件夹删除完成后,在当前目录下执行npm ins
2020-09-16 15:45:32
15447
1
原创 uni_app h5打包
使用uniapp 进行h5打包步骤如下:打开manifest.json —> h5配置路由模式: 我使用的是hash路由运行基础路径: meal(可以自由设置),因为这里是正式打包到服务器运行所以我配置了一个文件,若是只在本地运行可以直接设置./, 该设置是表明根目录下的路径在导航栏中打开 发行----> 网站-H5手机版(仅适用于uni-app)填写网站标题: 餐厅网站域名: 填写网站域名或者服务器的IP地址(这里以百度举例说明)点击发行,会在控制台中得到一个
2020-09-15 17:08:41
1349
原创 uni-app ios 云打包
前期准备注意事项App 图标配置App 启动页面配置基本配置打包 : 菜单栏发行 —> 原生App-云打包根据获取相关证书的内容, 填入信息等待出现一个地址即可, 就可以获得ios包
2020-08-27 09:28:22
4745
转载 js - 全屏/取消全屏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ background-color:
2020-08-07 15:50:51
189
原创 vue 中`el-avatar` `v-img` src的加载方式
在做vue + element-ui项目时, 用到el-avatar 用绝对路径显示不出来开始代码修改后代码<!-- 正常加载 --><el-avatar :src="require('../../assets/img/tou.jpg')"></el-avatar><v-img :src="require('../../assets/logo.png')" /><!-- 正常加载 --><el-avatar src="ht
2020-08-06 14:41:43
5103
原创 为什么要用promise以及回调地狱的最优解决办法
此文章是看了 B站老师讲的视频写的起因我们都是到使用promise是为了解决回调地狱的问题如下:// 成功的回调函数doSomething(function(result){ doSomethingElse(result, function(newSesult){ doThirdThing(newSesult, function(finalResult){ ...
2020-04-24 11:25:24
454
原创 盒子模型 -- 标准盒子模型, 怪异盒子模型
1. css 盒子模型一个盒子模型包括: 外边距(margin), 边框(border), 内边距(padding), 内容(width/height)注: 以下width/height 皆是指css 中代码里面的宽高, 而盒子模型的宽高皆称作为 盒子的宽高以上也就是我们所说的 标准盒子模型(也就是W3C盒子模型)盒子的宽高= margin + border + padding + wi...
2020-04-22 09:45:57
146
原创 注册查看隐私协议 --- 滚动条是否滚动到底
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style type="text/css"> #info{ width: 200px; height: 500px; background-color: #00FFFF; /*over...
2019-12-11 11:28:34
339
原创 使用了thymeleaf模板 修改meta的content
thymeleaf 动态修改content 找了许久 <title id="title_find" th:attr="content=${news.newTietle}" ></title> <meta id="keywords" th:attr="content=${news.keywords} "/> <meta id="descr...
2019-12-04 16:35:25
1610
原创 JavaScript 高级知识点聚集
一、类与对象类: 具有相同特征的对象的集合对象: 现实中的一个实体 (万物皆对象)结: 类是对象的聚合,对象是类的实例化//在程序中 , 先通过class定义类,再通过new关键字实例化对象 // 定义类语法: class 类名 { } class Preson { // 类是属性和方法组成 constructor...
2019-10-11 17:57:52
99
原创 vue -- Uncaught TypeError: Cannot set property 'innerHTML' of null
每次报错弄不出来，然后也没有管他，只是换用别的方法，这一次终于是忍不住了错误原因为document中的innerHTML为空，也就是说在加载js文件时，找不到其中调用的对象因此需要将js文件引用放置在调用的对象的后面加载就可以了但是，在vue项目中，有时候却不方便这样处理所以只需要：if(proportionUpdate){ proportionUpdate.innerHTML...
2019-10-11 17:57:20
2988
1
原创 vue----配置echars
1.安装npm install echarts -S2.在组件中定义图表容器并初始化数据 // 假设是 index.vue // 1. 在template中的html标签中定义容器 <div id="myChart" :style="{width: '300px', height: '300px'}"></div> // 2. 在script中引入 <sc...
2019-10-10 22:14:51
99
原创 Vue 报错：Cannot read property ‘validate‘ of undefined“
有时候用了报错，有时候不报错，一直不晓得原因，现在终于是弄懂了感谢这位朋友的博客https://blog.csdn.net/qq_37495786/article/details/83692544
2019-09-27 18:28:15
550
原创 axios -- 需要授权的API 提供 token令牌
需要授权的api , 必须在请求头中使用authorization 字段提供的token令牌后台除了登录接口之外，都需要token权限验证，我们可以通过添加axios请求拦截器来添加token，以保证拥有获取数据的权限在main.js中添加代码，在将axios挂载到vue原型之前添加下面的代码注: 记得安装该插件//请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息ax...
2019-09-26 21:52:25
1471
原创 日期 + 倒计时 + Date对象
用函数封装日期 // 用函数封装日期 function data() { var date = new Date(); // 可以获取当日的日期 var year = date.getFullYear(); //返回四位年份（例如：2008） var month = date.getMonth() + 1...
2019-06-22 21:18:46
157
原创 PHP --- Mysql
1.创建连接–建立连接$conn = mysqli_connect(主机或IP地址，用户名，密码，数据库名称);如果连接成功，就返回一个连接对象(资源)，如果连接失败，返回false2.设置编码：主要是解决浏览器出现乱码的问题1.服务器端的编码和php的编码不一致：mysqli_set_charset(conn,"utf8")∣mysqliquery(c...
2019-05-25 21:48:10
100
原创 flex布局
-flex-direction：设置主轴的方向 row (默认值)从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上- justify-content：设置主轴上的子元素排列方式 flex-start 从头部开始 flex-end 从尾部开始 center 居中显示 space-around 平分剩余空间 space-...
2019-04-08 21:22:52
346
原创 HTML+CSS3
HTML新增元素header 头部标签nav 导航栏section 块article 文章，内容aside 侧边栏footer 底部标签(IE9 中需要将这些元素转换为块元素display:block;)音频 和 视频sourse资源controls 设置或返回音频/视频是否显示控件（比如播放/暂停等）。loop 设置或返回音频/视频是否应在结束时重新播放。mu...
2019-04-08 21:21:01
302
原创 css-使用技巧
css-高级技巧1. 元素的显示与隐藏display 显示（重点）- display 设置或检索对象是否及如何显示。display: none 隐藏对象display：block 除了转换为块级元素之外，同时还有显示元素的意思。- 特点： 隐藏之后，不再保留位置。visibility 可见性 (了解)- 设置或检索是否显示对象。visibility：visible ; 对象可...
2019-04-07 20:14:15
127
原创 六. CSS属性书写顺序（重点）
CSS属性书写顺序（重点）1. 布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）2. 自身属性（跟盒子相关的）：width / height / margin / padding / border / background3. 字体文本属性：color / fo...
2019-04-07 20:10:25
440
原创 五、定位详解
边偏移（方位名词）简单说， 我们定位的盒子，是通过边偏移来移动位置的。定位模式 (position)定位模式是有不同分类的，在不同情况下，我们用到不同的定位模式。a. 静态定位(static) - 了解b. 相对定位(relative) - 重要相对定位的特点：（务必记住）- 相对于 自己原来在标准流中位置来移动的- 原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式...
2019-04-07 20:09:15
97
原创 四、浮动、清除浮动的方法（重点）
1、额外标签法(隔墙法)在最后一个浮动的标签后面添加一个没有空的div.clear { clear:both; }2、overflow给父亲加的overflow: hidden;3、: after 伪元素给父盒子加.clearfix:after { content: ""; display: block; height...
2019-04-07 20:07:23
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人