代码青春

https://www.boxuegu.com/ask/detail/226

JS前端获取用户的ip地址的方法https://www.cnblogs.com/leigq/p/13406506.html

声明：A组件为父组件，B组件为子组件，以下是A组件向B组件传参：总结：A组件向B组件传参，实际上就是在A组件中引入B组件的时候，带上一个属性paramAtoB，并且给其赋值，然后B组件通过这个属性名称paramAtoB，获取其值子传父：onMyEvent就是当被子组件触发时的函数子：<button bindtap='change'>向A中传入参数</button>change:function(){ this.triggerEvent('myeven...

一,页面跳转1、跳转到非导航页面，用 wx.navigateTo 方法wx.navigateTo({ url: '../person/goldcoin/index' //或者url: '/page/person/goldcoin/index' })2、跳转到tabBar导航页面，用 wx.switchTab 方法wx.switchTab ({ url: '../person/goldcoin/index' })二，带参数跳转1、当前页面的参数

小程序的生命周期函数的调用顺序为：onLaunch>onShow>onHide小程序页面的生命周期函数的调用顺序为：onLoad>onShow>onReady细节访问：https://www.jianshu.com/p/3f43eaa83bbd

一、申请使用插件在使用插件前，首先要在小程序官方后台的“设置-第三方设置-插件管理”中添加插件。根据AppID查找插件添加：搜索“wx1fdc8c9f3a3a05e4 ”正常使用：插件开发者通过申请后，即可在小程序中使用相应的插件。二、引入插件对于插件的使用者，使用插件前要在 app.json 中声明，插件的appid和版本号。{"plugins": {"ykfchat": {"version": "1.0.1","provider": "wx1fdc8c9f3a3a

引用原则packageA 无法 require packageB JS 文件，但可以 require app、自己 package 内的 JS 文件 packageA 无法 import packageB 的 template，但可以 require app、自己 package 内的 template packageA 无法使用 packageB 的资源，但可以使用 app、自己 package 内的资源preloadRule"preloadRule": {"packageA/pages

https://blog.csdn.net/weixin_39706415/article/details/89156928

根据当天获取某一天（分享点自己收藏的干货）：function GetDay(day){ function doHandleMonth(month){ 　　var m = month; 　　if(month.toString().length == 1){ 　　　　m = "0" + month; 　　} 　　return m; }; var today = new Date(); var targetday_millisecond...

function GetNumberOfDays(date1,date2){//获得天数 //date1：开始日期，date2结束日期 var a1 = Date.parse(new Date(date1)); var a2 = Date.parse(new Date(date2)); var day = parseInt((a2-a1)/ (1000 * 60 * 60 * 24));//核心：时间戳相减，然后除以天数 return day};var a1..

img{ width: auto; height: auto; max-width: 100%; max-height: 100%; }

理解：https://blog.csdn.net/csdn_girl/article/details/90293900 简单理解https://www.yuque.com/docs/share/963e29e1-3314-453f-b417-d8ce543b78cc 深入理解

涉及知识点：路由配置：meta: { keepAlive: true, //该字段表示该页面需要缓存 title: '首页列表' }【A跳B刷新列表，C返回B不刷新】B列表中 (事件与methods同级，且下面的事件不能与beforeRouteEnter同时用)beforeRouteLeave(to, from, next){ from.meta.keepAlive = fa.

keep-alive 相关内容概念：<keep-alive>是Vue的一个内部组件，适合用来缓存不需要实时更新的组件，这样可以保留组件状态避免重新渲染。Props：include ：接受字符串或正则表达式，这里是需要被缓存的组件名 exclude ：接受字符串或正则表达式，这里是不需要缓存的组件名 max ：接受数字，最多可以缓存多少组件实例问题： 在需要重新请求数据的时候，依然走的缓存案例：问题描述：这个项目是一个后台管理系统，由于很多组件都有走缓存的...

//将base64转换为blobconvertBase64UrlToBlob(urlData){varbytes=window.atob(urlData.split(',')[1]);//去掉url的头，并转换为byte//处理异常,将ascii码小于0的转换为大于0varab=newArrayBuffer(bytes.length);varia=newUint8Ar...

错误写法：instance.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded;charset=UTF-8';instance.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded';正确写法:instance.defaults.headers['Content-Type']='applicati...

vue-meta-info是一个基于vue 2.0的插件，它会让你更好的管理你的 app 里面的 meta 信息。你可以直接 在组件内设置 metaInfo 便可以自动挂载到你的页面中。如果你需要随着数据的变化，自动更新你的title、meta等信息，那么用此 插件也是再合适不过了。 当然，有时候我们也可能会遇到让人头疼的SEO问题，那么使用此插件配合prerender-spa-plugin也是再合适不过了https://www.npmjs.com/package/vue-meta-info...

https://segmentfault.com/a/1190000012220132

//调用轮播01swiperSlide(){letthat=this;that.gitftitarr.filter((item,index)=>{newSwiper('.swiper-container'+index,{//pagination:'.swiper-pagination'+index,...

pages.json中"easycom": { "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" },

解决文案：在unpackage文件夹下的dist下的project.config.json配置中设置"setting"下"checkSiteMap": false,[修改]

/* 小程序特有相关 */ "mp-weixin" : { "appid" : "wxf46a89862a91673e", "setting" : { "urlCheck" : false }, "usingComponents" : true, "uniStatistics" : { "enable" : false } },参考文档:ht...

.danchangcontent{ .tit{ /deep/ .u-tab-bar{ /* width: 125rpx !important; */ } } }

gitignore文件的作用https://www.cnblogs.com/linhaostudy/p/8124458.htmlhttps://www.cnblogs.com/zfeixiang/p/6010549.html

uni-app 可以配置navigationStyle为custom隐藏顶部标题栏，这样我们需要自己实现应用顶部的导航，但是在 SwitchTab 也本来就不需要导航，所以可以放心大胆的隐藏掉，HTML5 和 小程序都可以很好的表现，但是 APP 似乎这样设置无效。"navigationStyle": "custom"通过查看开发文档，发现应该这样配置："path": "pages/index/index", //首页 "style": { "app-plus": ...

https://blog.csdn.net/lwaner/article/details/107197066

const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }, actions: { increment (context) { context.commit('increment') } }})store 中的状态的唯一方法是提交 mutationstore.c..

uni-app引入外部js等文件https://blog.csdn.net/crabfrog/article/details/105558339?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-1-105558339.nonecase&utm_term=uniapp%20%E5%BC%95%E5%85%A5%E5%A4%96%E9%83%A8js%E6%96%87

我在网上找了半天都没找到有关的快捷键，自己研究了下发现的撤销刚才的操作：Ctrl+Z恢复刚才的操作：Ctrl+Shift+Z

http://www.mescroll.com/uni.html

"devServer" : { "port" : 80, "disableHostCheck" : true, "proxy" : { "/devapi" : { "target" : "https://hd.test.zhulihr.com", "changeOrigin" : true, ...

https://blog.csdn.net/baidu_41279808/article/details/107103695?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-2-107103695.nonecase&utm_term=uniapp%20%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE

路游中:{path:'invoice',name:'invoice',component:resolve=>require(['./../../views/shop/invoice/index.vue'],resolve),meta:{name:'invoice',navstatus:false,//面包屑需要...

npm install webpack -gnpm install --global vue-cli vue -V（注意这里是大写的“V”）vue init webpack baogenpm install如果安装速度太慢。可以安装淘宝镜像，打开命令行工具，输入： npm install -g cnpm --registry=https://registry.npm.taobao.org 然后使用cnpm来安装...

app.vue:mounted() { this.$router.afterEach((to, from, next) => { window.scrollTo(0, 0) }) }或：/*解决跳转后滚动条回到顶部*/router.js :router.afterEach((to,from,next)=>{window.scrollTo(0,0)});

git reset --hard 7371c6733e5ea0a3a9f264fc4283a1e89ffb7d0e(上次一提交的git分支id版本号)git push origin static（分支名） --force

Vue根据条件添加 click 事件<div @click="clickFlag && addGoodsHandler()"> XXX...</div>在表单提交和链接跳转时弹出确认框form表单：οnsubmit="javascript:return(confirm('是否确认添加'));"链接提交：οnclick="javascript:return(confirm('是否确认删除'));":formatter="levelSt.

https://blog.csdn.net/bjhan_csdn/article/details/96182709

1、什么是vdom？　　　　vdom：可以看作是一个使用javascript模拟DOM结构的树形结构。对于我们开发者而言呢，操作DOM结构是非常昂贵的，它改动后，整个容器中的内容中的内容都要重新渲染一遍，就相当于“推倒重来”，如果项目相对来说比较复杂的话，是非常影响性能的。vdom就可以很好地解决这个问题。　　　　主流的框架均支持使用 JSX 的写法， JSX 最终会被 babel 编译为JavaScript 对象，用于来表示vdom，和 DOM 操作比起来，js 计算是非常便宜的。vdom .

要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。要使用key来给每个节点做一个唯一标识，Diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点。key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发

https://blog.csdn.net/u012845099/article/details/80225542

letarrquantitynew=item.items.map(itemnew=>{returnitemnew.quantity;//单个订单的商品总价});arrquantitynew=arrquantitynew.reduce((n,m)=>n+m);

export { _local, _session }import { _local, _session } from '@/utils/local';设置:var secdata = {flag : 1}_session.set('secdata',secdata);var localdata = {...

父：import second from '@/components/second';components:{second},<second @pushFatherdata="testFuinChild"></second>testFuinChild(){ ..........}子：takefather(){ this.$emit('pushFatherdata'); // @pushFatherdata}...

https://www.uis.cc/2014/11/02/localStorage-sessionStorage/

vue.js中内联样式style三元表达式<span v-bind:style="{'display':config.isHaveSearch ? 'block':'none'}" >搜索</span>

<img v-bind:src="info.image" :onerror="logo">data () { return { logo : 'this.src="' + require('../images/logo.png') + '"' }},

https://www.cnblogs.com/lwming/p/10941213.html

letconfirm_s=window.confirm("确定....?");if(confirm_s){}

调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。<button @click="reload()">强制更新</button>updated(){ console.log("更新了"); }, methods:{ reload(){ this.$forceUp...

商店直接安装Chrome Extension https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpdFirefox Addon https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools...

自我总结：Array.prototype.map()创建一个新的数组，其结果是该数组中每个元素都调用一个提供的函数后返回的结果。即： 更新数据 返回的是所有元素参数callback:用来生成新数组用的函数。callback的参数：currentValue：当然正在处理的元素index:正在处理元素的索引const new_map = res.map(fu...

数据排序绘处理：1，普通数组排序如果非纯数字，就会用到sort 的参数var arr = [23, 9, 4, 78, 3]; var compare = function(x,y){ if(x < y){ return -...

配置用户名和密码https://jingyan.baidu.com/article/c275f6ba6db987e33d7567c9.htmlGIT生成公钥和私钥http://139.196.153.91:811/web/admin

sessionstorage：本地临时存储HTML5 web存储有两个重要对象：localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储（关闭窗口，存储的数据清空）一般涉及到浏览器内状态存储时，首先会想到cookie。但是请回忆一下这样的场景，打开某个APP,弹出一个购买会员的广告，果断关掉，然后前进、后退、刷新，...

Babel编译转码的范围Babel默认只转换新的JavaScript语法，而不转换新的API。 例如，Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转译。 如果想使用这些新的对象和方法，则需要为当前环境提供一个polyfillhttps:/...

Object.entries()和Object.values()字符串填充：padStart和padEndObject.entries()返回一个二维数组Object.entries({ one: 1, two: 2 }) //[['one', 1], ['two', 2]]Object.entries([1, 2]) //[['0', 1...

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 ...

const store = new Vuex.Store({ state: { //商品列表信息 productList: [] }, getters: { }, mutations: { //mutations只能以同步方式 //添加商品列表 setProductList(state, dat...

使用vuex中store中的数据，基本上离不开vue中一个常用的属性computed

部分IOS与安卓兼容处理见以下文档https://www.jianshu.com/p/860f7e9470c9https://www.jianshu.com/p/82978437e4fe

使用计算处理相关数据如可以是data里申明的数据；可以是其他页面 $emit('的数据'); 还可是自身申明的变量数据1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed优于methods,当不需要缓存时可用methods。...

浅谈vue的computed属性和methods区别总结:computed是响应式的，methods并非响应式。 调用方式不一样，computed定义的成员像属性一样访问，methods定义的成员必须以函数形式调用。 computed是带缓存的，只有其引用的响应式属性发生改变时才会重新计算，而methods里的函数在每次调用时都要执行。 computed中的成员可以只定义一个函数作为只...

3.1 computed特性1.是计算值，2.应用：就是简化tempalte里面{{}}计算和处理props或$emit的传值3.具有缓存性，页面重新渲染值不变化,计算属性会立即返回之前的计算结果，而不必再次执行函数3.2 watch特性1.是观察的动作，2.应用：监听props，$emit或本组件的值执行异步操作3.无缓存性，页面重新渲染时值不变化也会执行...

iosSelect插件 H5中实现iOS的select下拉联动效果https://blog.csdn.net/chenxueshanBlog/article/details/78863435

main.js里axios设置use()方法的作用https://blog.csdn.net/qq_40283784/article/details/82018111

vue路由跳转 返回上一级 this.$router.go(-1) 和返回到指定页面this.$router.push('/home')1，点击返回上一页<button @click="goBack">goback</button>methods:{ goBack: function(){ /** 返回上一级页面用 this.$ro...

https://baijiahao.baidu.com/s?id=1628510516077896843&wfr=spider&for=pc

<!--banner占位图处理--><img v-bind:src="isDetailImg?'/static/images/zhanweitu.jpg':detailImg" /><!--动态绑定样式--> <div class="progressBar" :style=...

一、小程序中如何获取地理位置并通过小程序展示地址二、小程序中如何进行路由跳转三、联系客服如何携带图文信息四、小程序中如何调用地图标记地点五、小程序中如何分享好友，添加属性即可六、小程序中如何调用npm包（以vant为例）七、小程序中调用全局的变量，方法八、wxs脚本的使用九、小程序中云数据库的使用十、云函数的使用代码文档参考：https://blog.c...

注意：内页不是在window下啦https://blog.csdn.net/weixin_42275932/article/details/81130019

小程序中登录步骤如下：① 小程序前端使用wx.login() 从微信服务器获取code 【拿】② 小程序前端将code 发送给开发者服务器，开发者服务器利用appId、appSecret 和code 向微信服务器换换取用户openId 和session_key 【送】③ 开发者服务器自定义登录态并将其与openId 和session_key 关联起来然后写session④ 开发...

更新微信开发者工具以后，显示无效的 pageJSON(pages/Home/https://developers.weixin.qq.com/community/develop/doc/00048a4ee68170bb31288345051000无效的pageJSON(pages/xxx/xxx)["xxx"]，应该是说对应页面下的json配置文件，存在了无效的配置项，修改下就好了...

https://www.cnblogs.com/joe235/p/10641499.html准备是在小程序初始化进行一下登录状态判断，每次登陆以后会在storage里存一个user，根据这个值判断，没登陆过小程序启动进登录页面，登陆过直接跳转首页：App({ onLaunch: function() { //初始化加载，先判断用户登录状态 ...

var body = document.body || document.documentElement;var sTop=document.documentElement.scrollTop || document.body.scrollTop;if(ele.addEventListener){ ele.addEventListener("click",cal...

1. Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、 getter，在数据变动时发布消息给订阅者，触发相应监听回调。2. 解释单向数据流和双向数据绑定单向数据流： 顾名思义，数据流是单向的。数据流动方向可以跟踪，流动单一，追查问题的时候可以更...

先罗列出生命周期然后一个一个讲解beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed实例组件刚创建，元素DOM和数据都还没有初始化，暂时不知道能在这个周期里面进行生命操作。created数据data已经初始化完成，方法也已经可以调用，但是DOM未渲染。...

一、获取基本信息找到已有公众号的appid，根据这个appid和url向后端发起请求，拿到配置所需要的参数：timestamp、noncestr和signature。二、实现1、页面引入JS-SDK文件通过script标签，引入微信官网的JS-SDK文件<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js...

<script type="text/javascript">//缓存的数据var selected = [{ id: 09, name: '苹果', price: 3.5,checked:true },{ id: 10, name: '香蕉', price: 4.1,checked:true},{ id: 11, name: '橘子', price: 4.6,ch...

总结：201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。300-307表示的意思是：要完成请求，您需要进一步进行操作。通常，这些状态代码是永远重定向的。4XX HTTP状态码表示请求可能出错，会妨碍服务器的处理。500-505表示的意思是：服务器在尝试处理请求时发生内部错误。这些错误可能是服务器本身的错误，而不是请求出错。即 ： 1.Informa...

https://blog.csdn.net/survivorsfyh/article/details/93407580 步骤一https://blog.csdn.net/jetluning/article/details/83785683 步骤二

cmder.exe存放的目录添加到系统环境变量Path。添加成功够，就可以使用Win+R下输入cmder,就可以找到cmder.https://www.cnblogs.com/zqzjs/archive/2016/12/19/6188605.htmlhttps://www.jianshu.com/p/979db1a96f6d...

在 Cmder 目录直接运行cmder /register user或者cmder /register allhttps://www.cnblogs.com/lizhanzhou/p/6193113.html

function f1(){var N = 0;// N是f1函数的局部变量function f2()// f2是f1函数的内部函数，是闭包{N += 1;// 内部函数f2中使用了外部函数f1中的变量Nconsole.log(N);}return f2;}var result = f1();result(); // 输出1 result(); ...

数据三个数组，分别代表省，市，区，这个数据可以是后台从数据库读出来的数据，也可以是在JS里直接写的数据。但无论是哪种形式，三个数组的数据都是有关联的。arr_c，市数组，里面每一项内容都有一个属性‘pid’，表示这个市是属于哪个省的，即pid对应的是省数组里的id。同样arr_a，区数组，里面的cid是对应市数组里的id，表示这个区是属于哪个市的。<div>三级联动试例<...

以下为前端知识体系：https://www.cnblogs.com/zys8119/p/5582804.html

var newarr = Object.values(object1);function type(v){return Object.prototype.toString.call(v);};console.log('Object.values(object1)');console.log(newarr);console.log(type(newarr));

var ParentObject = { ages : 15 };var otherObject = {ages : 10,show : function(){// return console.log(this.ages);// return () => {// console.log(this.ages);// }var k = this.ages;...

问题还原：以上是axios.get 的url常规写法 ；会出现跨域报错解决如下：底料：安装所需中间件和插件等，比如axios,node工具http-proxy-middleware等。一 ，在main.js中，配置数据所在服务器的前缀（即固定部分），代码如下：import axios from 'axios'Vue.prototype.$axios =...

水平垂直居中：未知高度和宽度元素解决方案.item{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* 使用css3的transform来实现 */}水平垂直居中：使用flex布局实现.parent{ display: flex;...

watch、computed和methods之间的对比computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；methods方法表示一个具体的操作，主要书写业务逻辑；watch一个对象，键是需要观察的表达式，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；可以看作是computed和methods的结合体；—————————...

在 computed 中，可以定义一些 属性，这些属性，叫做 【计算属性】， 计算属性的本质，就是 一个方法，只不过我们在使用 这些计算属性的时候，是把它们的名称直接当作属性来使用的；并不会把 计算属性当作方法去调用；computed和methods平级注意1：计算属性，在引用的时候，一定不要加 () 去调用，直接把它当作普通 属性去使用就好了；注意2：只要 计算属性，这个 functio...

Vue使用模板系统而不是JSX，使其对现有应用的升级更加容易。相似之处1.他们都使用了一种叫'Virtual DOM'的东西【虚拟DOM，DOM树的虚拟表现】2.组件化 -- 模块 vue >>.vue 文件 react >> jsx JavaScript与JSX被写入同一个组件文件中3.Props React和...

数组：let vm = new Vue({ data:{ items: ['a','b','c'] } })vm.$set(vm.items, indexOfItem, newValue)对象：Vue.set(object,key,value)方法向嵌套对象添加响应式属性，例如：Vue.set(vm.userProfile, 'age', 27)参考链接：htt...

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">function curry(fn){//arguments 并非数...

1，call()、apply()、bind() 都是用来重定义 this 这个对象的！2,call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了：以上出了 bind 方法后面多了个 () 外 ，结果返回都一致！由此得出结论，bind 返回的是一个新的函数，你必须调用它才会被执行。obj.myFun.call(db,'成都',...

child: new Image.network( 'https://misc.360buyimg.com/jdf/1.0.0/unit/global-header/5.0.0/i/jdlogo-201708-@1x.png', fit: BoxFit.contain, //拉伸和挤压 color: Colors.greenAccent, //要混合的颜色 ...

child: Container(child: Text( 'Hello JSpang999', style : TextStyle( fontSize: 40.0 )),alignment: Alignment.center,// margin...