- 博客(26)
- 资源 (1)
- 收藏
- 关注
原创 vue强制更新$forceUpdate()的使用及原理
调用强制更新方法this.$forceUpdate()会更新视图和数据,触发updated生命周期。<button @click="reload()">强制更新</button>updated(){ console.log("更新了"); }, methods:{ reload(){ this.$forceUp...
2020-03-28 14:55:05 19497
原创 vue-devtools安装
商店直接安装Chrome Extension https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpdFirefox Addon https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools...
2020-03-26 11:51:18 509
原创 .map()和.filter()以及他们的区别
自我总结:Array.prototype.map()创建一个新的数组,其结果是该数组中每个元素都调用一个提供的函数后返回的结果。即: 更新数据 返回的是所有元素参数callback:用来生成新数组用的函数。callback的参数:currentValue:当然正在处理的元素index:正在处理元素的索引const new_map = res.map(fu...
2020-03-22 21:37:55 1242
原创 数据相关处理
数据排序绘处理:1,普通数组排序如果非纯数字,就会用到sort 的参数var arr = [23, 9, 4, 78, 3]; var compare = function(x,y){ if(x < y){ return -...
2020-03-22 10:53:20 334
原创 配置用户名和密码及GIT生成公钥和私钥
配置用户名和密码https://jingyan.baidu.com/article/c275f6ba6db987e33d7567c9.htmlGIT生成公钥和私钥http://139.196.153.91:811/web/admin
2020-03-20 14:31:10 799
原创 sessionstorage:本地临时存储的理解
sessionstorage:本地临时存储HTML5 web存储有两个重要对象:localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储(关闭窗口,存储的数据清空)一般涉及到浏览器内状态存储时,首先会想到cookie。但是请回忆一下这样的场景,打开某个APP,弹出一个购买会员的广告,果断关掉,然后前进、后退、刷新,...
2020-03-18 22:09:09 183
原创 babel-runtime和babel-polyfill的作用介绍和使用 -- 见路由权限项目用到
Babel编译转码的范围Babel默认只转换新的JavaScript语法,而不转换新的API。 例如,Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转译。 如果想使用这些新的对象和方法,则需要为当前环境提供一个polyfillhttps:/...
2020-03-18 21:32:16 410
原创 es8新增
Object.entries()和Object.values()字符串填充:padStart和padEndObject.entries()返回一个二维数组Object.entries({ one: 1, two: 2 }) //[['one', 1], ['two', 2]]Object.entries([1, 2]) //[['0', 1...
2020-03-18 10:56:26 276
原创 es7新增
Array.prototype.includes(value,index);value: 值 index : 根据该下标查找value var arr = ["a","b","c"];arr.includes("a"); //truearr.includes("a",1); //truearr.includes("a",2); //falsees7 ...
2020-03-17 22:40:24 417
原创 vuex实现一个列表数据的获取存放页面渲染
const store = new Vuex.Store({ state: { //商品列表信息 productList: [] }, getters: { }, mutations: { //mutations只能以同步方式 //添加商品列表 setProductList(state, dat...
2020-03-16 22:03:09 1668
原创 ios、安卓前端兼容性大全
部分IOS与安卓兼容处理见以下文档https://www.jianshu.com/p/860f7e9470c9https://www.jianshu.com/p/82978437e4fe
2020-03-15 21:42:07 617
原创 computed的使用
使用计算处理相关数据如可以是data里申明的数据;可以是其他页面 $emit('的数据'); 还可是自身申明的变量数据1、vue.js的computed方法:处理复杂逻辑,基于依赖缓存,当依赖发生改变时会重新取值。用methods也可以实现同样的效果,但methods在重新渲染的时候会重新调用执行,在性能上computed优于methods,当不需要缓存时可用methods。...
2020-03-15 17:32:36 2981 2
原创 浅谈vue的computed属性和methods区别
浅谈vue的computed属性和methods区别总结:computed是响应式的,methods并非响应式。 调用方式不一样,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用。 computed是带缓存的,只有其引用的响应式属性发生改变时才会重新计算,而methods里的函数在每次调用时都要执行。 computed中的成员可以只定义一个函数作为只...
2020-03-15 11:49:50 316
原创 浅谈computed和watch的区别
3.1 computed特性1.是计算值,2.应用:就是简化tempalte里面{{}}计算和处理props或$emit的传值3.具有缓存性,页面重新渲染值不变化,计算属性会立即返回之前的计算结果,而不必再次执行函数3.2 watch特性1.是观察的动作,2.应用:监听props,$emit或本组件的值执行异步操作3.无缓存性,页面重新渲染时值不变化也会执行...
2020-03-14 11:01:24 202
原创 iosSelect插件 H5中实现iOS的select下拉联动效果
iosSelect插件 H5中实现iOS的select下拉联动效果https://blog.csdn.net/chenxueshanBlog/article/details/78863435
2020-03-13 15:46:00 269
原创 前端要点-前端框架vue:利用axios.interceptiors.request.use(...)进行拦截session的判断
main.js里axios设置use()方法的作用https://blog.csdn.net/qq_40283784/article/details/82018111
2020-03-11 12:37:20 717
原创 vue路径返回的正确使用
vue路由跳转 返回上一级 this.$router.go(-1) 和返回到指定页面this.$router.push('/home')1,点击返回上一页<button @click="goBack">goback</button>methods:{ goBack: function(){ /** 返回上一级页面用 this.$ro...
2020-03-11 09:58:06 1014
原创 房屋拆迁相关政策
https://baijiahao.baidu.com/s?id=1628510516077896843&wfr=spider&for=pc
2020-03-10 18:47:32 198
原创 vue知识点处理细节 一
<!--banner占位图处理--><img v-bind:src="isDetailImg?'/static/images/zhanweitu.jpg':detailImg" /><!--动态绑定样式--> <div class="progressBar" :style=...
2020-03-08 18:10:46 88
转载 小程序常见知识要点
一、小程序中如何获取地理位置并通过小程序展示地址二、小程序中如何进行路由跳转三、联系客服如何携带图文信息四、小程序中如何调用地图标记地点五、小程序中如何分享好友,添加属性即可六、小程序中如何调用npm包(以vant为例)七、小程序中调用全局的变量,方法八、wxs脚本的使用九、小程序中云数据库的使用十、云函数的使用代码文档参考:https://blog.c...
2020-03-06 15:59:07 90
原创 小程序修改单独页面title
注意:内页不是在window下啦https://blog.csdn.net/weixin_42275932/article/details/81130019
2020-03-04 16:55:43 941
原创 小程序登录相关《二》
小程序中登录步骤如下:① 小程序前端使用wx.login() 从微信服务器获取code 【拿】② 小程序前端将code 发送给开发者服务器,开发者服务器利用appId、appSecret 和code 向微信服务器换换取用户openId 和session_key 【送】③ 开发者服务器自定义登录态并将其与openId 和session_key 关联起来然后写session④ 开发...
2020-03-04 16:11:16 196
原创 小程序常见问题
更新微信开发者工具以后,显示无效的 pageJSON(pages/Home/https://developers.weixin.qq.com/community/develop/doc/00048a4ee68170bb31288345051000无效的pageJSON(pages/xxx/xxx)["xxx"],应该是说对应页面下的json配置文件,存在了无效的配置项,修改下就好了...
2020-03-04 10:26:48 290
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人