笔记
努力,加油,奋斗
码奴生来只知道前进。努力,加油,奋斗
展开
-
连续解构
从数组第一个对象元素中提取某个属性,比如:err 对象中包含一个 errors 数组,errors 数组每一个对象都包含一个 msg 属性err = { errors: [ { msg: 'this is a errors' } ]}快速的提取方法为:const [{ msg }] = err.errors如果不用解构写法为:const msg = err.errors[0].msg...原创 2021-02-23 10:23:08 · 628 阅读 · 1 评论 -
nuxt打包服务器报错
报错信息 No pages directory found in C:\Users\Administrator\Desktop\svn\svnsz\mall4pc-bbc\dfasd. Did you mean to run nuxt in the parent (../) directory? at Builder.validatePages (node_modules\@nuxt\builder\dist\builder.js:5658:13) at async Builder.build原创 2021-01-06 17:12:59 · 1618 阅读 · 1 评论 -
微信公众号网页授权说明及jssdk使用,mysql安装路径
关于网页授权回调域名的说明1、在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;2、授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/lo转载 2021-01-05 09:03:15 · 533 阅读 · 0 评论 -
JavaScript encodeURIComponent() 函数
定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ’ ( ) 。其他字符(比如 :;/?????&=+$,# 这些用于分隔 URI 组件的标点符号),都是由一个或多个十六进制的转义序列替换的。语法encodeURIComponent(uri)参数 描述uri。一个字符串,含有 URI 组件或其他要编码的文本。一般用于防止中文原创 2020-12-24 14:03:04 · 131 阅读 · 0 评论 -
uniapp web-view 引入本地html及paypal境外支付
1.把html文件放在static里 然后用web-view引用不废话,直接上代码<template> <view> <web-view src="../../static/index.html"></web-view> </view></template><script> export default { data() { return {} }, methods: {} }<原创 2020-12-24 10:52:11 · 2545 阅读 · 7 评论 -
vue深度监听一个对象
深度监听对象的变化data: { obj: { age: 18 } },watch: { obj: { handler(newVal, oldVal){ }, deep: true }} 监听对象的某个属性变化data: { obj: { age: 18 }},computed: { isage(){ ret.转载 2020-12-02 18:47:02 · 3404 阅读 · 0 评论 -
ios页面禁止缩放js代码
ios10头部加scalable=no;已失效;<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" /> 可用js处理: window.οnlοad = function () { document.addEventListener('touchstart', function (event) {原创 2020-10-21 11:55:36 · 530 阅读 · 0 评论 -
七牛云,图片上传,element 带参数:on-success=”(value)=> handleSuccess(i, value)”
https://my.oschina.net/xiaoxustudent/blog/2872495转载 2020-10-21 11:48:02 · 1143 阅读 · 0 评论 -
记录vue-element-admin和服务器交互
官方连接:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/essentials/server.html#%E8%AE%BE%E7%BD%AE%E5%A4%9A%E4%B8%AA-baseurl如果登录接口返回200,但还是进不去,可能是没get user info在user.js设置,返回的接口格式可以参考这个: const data = { avatar: "https://wpimg.wallstcn.com/f77原创 2020-09-11 15:56:32 · 634 阅读 · 0 评论 -
css3动画延迟运行 animation-delay
1.语法animation: name duration timing-function delay iteration-count direction fill-mode play-state;2.说明name 指定要绑定到选择器的关键帧的名称duration 动画指定需要多少秒或毫秒完成timing-function 设置动画将如何完成一个周期delay 设置动画在启动前的延迟间隔。iteration-count 定义动画的播放次数。direction 指定是否应该轮流反向播放动原创 2020-07-01 12:02:04 · 13002 阅读 · 0 评论 -
vs code压缩插件与补全css前缀插件
1.Autoprefixer补全css前缀插件vscode扩展中搜索:Autoprefixer然后在css页面,ctrl+shift+p,选择autoprefixer,就可以自动全部添加好了2.Minify压缩插件在拓展商店里搜索“minify”,安装,安装成功后点重新加载使用:F1运行文件缩小器 Minify。2.1 JS&CSS Minifier 压缩插件...原创 2020-01-20 19:33:00 · 1413 阅读 · 0 评论 -
获取网易云音乐接口以及使用
不多说,直接上1.网易云音乐接口文档 https://api.imjad.cn/cloudmusic.md专辑图片可以直接网易页面获取2.不过网易很贴心,有给你直接用的链接:https://music.163.com/#/song?id=423228325https://music.163.com/#/outchain/2/27571483/直接复制就能用了3.播放器可修...原创 2020-01-16 11:44:53 · 18000 阅读 · 1 评论 -
Electron使用快速入门
Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。使用eletron前需要储备哪些知识1、首先需要熟练掌握前端的基础知识html,css,js2、有一定的node基础,知道...转载 2020-01-14 11:38:08 · 379 阅读 · 0 评论 -
app四种开发模式区别,网页链接转app优缺点
网页链接转app优缺点优点:开发和发布都比较方便,开发成本也低,可以做到app一年及以上不更新,页面随时可以更新。缺点:需要手机网站反应速度要快,用好的服务器,否则打开会慢ios免签封装:免签封装是苹果系统上的一个桌面快捷方面,只运行网页应用场景。在免签封装的App中点击超链接可能会跳到系统Safari浏览器,而普通版封装不会存在这个问题,并且普通版封装提供更多原生SDK模块可供调用。下...转载 2019-09-18 15:24:41 · 2453 阅读 · 0 评论 -
less常用用法
css命名:<template> <div> <img class="user-poster" src="https://img.yzcdn.cn/public_files/2017/10/23/8690bb321356070e0b8c4404d087f8fd.png"> <van-row class="user-links">...原创 2019-09-25 10:41:47 · 212 阅读 · 0 评论 -
vue new Date() 获取当前时间
日常工作笔记日常工作笔记 在created添加 created: function() { var aData = new Date(); this.value = aData.getFullYear() + "-" + (aData.getMonth() + 1) + "-" + aData.getDate(); console.log(this.val...原创 2019-08-20 11:53:02 · 110858 阅读 · 0 评论 -
js jQ轮播图(三种)
第一种:用了css3进行3D效果轮播完整代码:<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" co...原创 2019-05-05 23:06:54 · 1490 阅读 · 0 评论 -
xss,csrf攻击
1.XSS攻击XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript,但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。攻击成功后,攻击者可能得到包括但不限于更高的权限(如执行一些操作)、私密网页内容、会话和cookie等各种...原创 2019-09-16 16:24:18 · 185 阅读 · 0 评论 -
APP测试流程
1 APP测试基本流程1.1流程图1.2测试周期测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间。1.3测试资源测试任务开始前,检查各项测试资源。–产品功能需求文档;–产品原型图;–产品效果图;–测试设备;–其他。1.4日报及产品上线报告(内部报告机制)1)测试人员每天需对所测项目发送测试日...转载 2019-09-12 14:08:00 · 588 阅读 · 0 评论 -
var js=function(){}和function js(){}的区别
在Javascript中,函数及变量的声明都将被提升到函数的最顶部,也就是说我们可以先使用后声明,但函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶部,函数表达式和变量的初始化将不被提升var js=function(){} 这种叫做函数表达式 必须先定义后使用function js(){}这种是函数声明 可以先使用后定义 它会对函数的声明进行一个提升举个例子fun();//h...转载 2019-06-21 14:30:55 · 2511 阅读 · 0 评论 -
js跨域
源(origin):协议、域名和端口号。同源策略:同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资源。跨域:1.JSONP在HTML标签里,一些标签比如script、img这样的获取资源的标签是没有跨域限制的,利用这一点,我们可以这样干:后端写个小接口// 处理成功失败返回格式的工具const {successBody} = require('...原创 2019-06-19 10:59:32 · 172 阅读 · 0 评论 -
JS的localStorage,JSON.stringify(),JSON.parse()的运用
JSON.parse()JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。语法JSON.parse(text[, reviver])参数说明:text:必需, 一个有效的 JSON 字符串。reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。类似 par...转载 2019-05-29 22:55:53 · 3728 阅读 · 0 评论 -
CSS语义化命名及常用命名规则
CSS语义化命名从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;(根据位置命名)2、语义化命名法。 ( 根据功能命名 一般用这个 )结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块位置与其命名完全不符,那么我们这时就要修改页面中的以及CSS样...转载 2019-05-22 23:11:30 · 366 阅读 · 0 评论 -
js常用的字符串处理方法和数组操作方法
常用数组操作的方法:Array.concat() 连接数组Array.length 数组长度Array.push() 尾部添加Array.pop() 尾部删除Array.unshift() 头部添加Array.shift() 头部删除Array.splice(index,many,item1,…,itemX) 插入、删除或替换数组的元素 当...原创 2019-05-05 22:10:00 · 965 阅读 · 0 评论 -
navigateTo、redirectTo、switchTap与reLaunch的区别
navigateTo、redirectTo、switchTap与reLaunch的区别wx.navigateTo:保留当前页,跳转到指定页,非tabBar;使用 wx.navigateBack 可以返回到当前的页面。wx.redirectTo:关闭当前页,跳转到指定页,非tabBar;将无法回到当前页面。wx.switchTap:只能用于跳转到tabbar页面,并关闭其他非tabbar页面。...转载 2019-04-18 00:19:33 · 2657 阅读 · 0 评论 -
es6 数组去重
var array = [1,1,2,2,3,3,4,4,5,6,6,7,7];console.log([...new Set(array)]);//[ 1, 2, 3, 4, 5, 6, 7 ]原创 2019-04-14 23:14:55 · 84 阅读 · 0 评论 -
flex弹性布局
必须有display:flex;有6个属性设置在容器上flex-direction //排列方向 row row-reverse column column-reverseflex-wrap //换不换行 默认nowrap wrap换行 wrap-reveerseflex-flow //前两个的结合 row wrap;justify-content //主轴对齐方向 f...原创 2019-04-16 23:25:13 · 288 阅读 · 0 评论 -
HTML5 canvas里的drawImage用法
关于canvas无法通过drawImage加载的原因首先我们先来理解在html里图片的加载时是异步的。(设置src本身是同步的,但是浏览器下载和显示图片是异步的。)在资源还没有加载完成的时候就执行了drawImage所以无法成功加载到画布当中。因为图片是异步加载,所以要加个onload事件onload 事件会在页面或图像加载完成后立即发生。先看正确代码: <p>...原创 2019-03-28 00:10:50 · 5055 阅读 · 1 评论 -
webpack开发配置API代理解决跨域问题-devServer
设置代理的前提条件:1、需要使用本地开发插件:webpack-dev-server。2、webpack-dev-server使用的是http-proxy-middleware来实现跨域代理的。3、webpack版本: 3.0、4.0亲测有效一个webpack配置信息:module.exports = { //... devServer: { proxy: { ...转载 2019-06-25 09:57:26 · 3079 阅读 · 0 评论 -
let var const区别
ES6里面新增的let,let声明过的变量不能在相同作用域内进行重复声明,let声明的变量只能在块级作用域内使用,**let相当于严格模式的var,不再存在提升变量的声明问题。**let相对于var来说,有暂时性死区。const声明的变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。因此const是可以利用push给一个空的数组里面添...转载 2019-06-21 15:04:23 · 85 阅读 · 0 评论 -
oCPC推广
官网链接:http://ocpc.baidu.com/developer/d/guide?iurl=js%2F1.什么是oCPC1.oCPC是基于一种基于CPC以提高转化为目的的智能化付费推广方式,2.oCPC的推广方式包括CPC和CPA3.oCPC在推广初始阶段是不能使用的,须在以CPC推广积累到一定数据的时候才能激活2.使用教程安装步骤获取代码以下代码为SDK的安装代码。注:p...转载 2019-09-10 13:58:25 · 2141 阅读 · 4 评论 -
SVN冲突解决方法及删除已上传的文件
可以在直接到本地对应的版本控制目录里找打需要删除的文件,邮件选择svn的删除即,删除完在更新一下状态即可,如下图:原创 2019-09-02 17:40:01 · 2497 阅读 · 0 评论 -
前端打包之后跨域,用Nginx代理
一、什么是跨域?首先跨域出于浏览器的同源策略的限制,浏览器本身会限制跨域请求(严格来说,只是限制跨域的读操作)。那什么是跨域呢?在不同的协议、域名、端口中进行请求,就是跨域。二、如何解决跨域?一般多用于本地自测或者前后端开发部署均为分离的情况1、webpack的proxyTable方案在一般项目中都会有webpack对应的开发环境的配置文件:webpack.dev.js,在配置项中加入P...原创 2019-08-27 19:06:19 · 1070 阅读 · 0 评论 -
上传图片文件 vue-resource发送multipart/form-data数据
参考大神的https://blog.csdn.net/u013810234/article/details/78497860<template> <div class="regis"> <van-nav-bar title="上传图片" left-text="返回" left-arrow @click-left="onClickLeft" />...转载 2019-08-22 12:26:45 · 2222 阅读 · 0 评论 -
vue 实现扫描二维码和相册识别二维码
为了实现app扫描二维码,我想了很多办法,最后还是用原生的来挑战自己,下面是链接http://www.html5plus.org/doc/zh_cn/barcode.html原创 2019-08-21 19:45:21 · 19756 阅读 · 2 评论 -
小程序调用腾讯地图
申请开发者密钥(key):申请密钥开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK ...原创 2019-06-24 20:29:54 · 1939 阅读 · 0 评论 -
vue-路由配置和使用步骤整理
介绍路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》安装本地环境安装路由插件vue-router: cnpm install vue-router --save-dev*没有安装淘宝镜像的可以将 cnpm 替换成 npm想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html,(打开搜索...原创 2019-07-02 20:10:43 · 4811 阅读 · 2 评论 -
arguments对象
其实有时候我们在程序设计比较复杂的时候并不指定参数个数,都是灵活运用。在函数里有一个数组arguments就是专门存储实参数组的,通过arguments我们就可以知道实参个数以及值。function arg(){ var str = '总共传了'+arguments.length+'个参数\n'; for(var i=0;i<arguments.length;i++){ ...转载 2019-06-21 16:56:24 · 1117 阅读 · 0 评论 -
vue 监控数组内数据变化
在vue 的页面中,data 是渲染表格的一个数据,如何去监听或者用watch去侦查data发生了变化?如果只是监听数组列表项的增减,直接对数组进行监听就好了watch:{ data (newVal,oldVal) { }}如果是要对数组列表项的内容是否发生改变做监听,需要加上一个deep:truedata: { handler(newVal, oldVal)...原创 2019-06-21 16:41:17 · 14348 阅读 · 1 评论 -
JS的引用类型和基本类型(传值和传引用)
首先基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的。基本类型: var num1 = 5; var num2 = num1;执行结果:基本类型的复制就是在栈内存中开辟出了一个新的存储区域用来存储新的变量,这个变量有它自己的值,所以如果其中一个的值改变,则不会影响到另一个。引用类型: var object1 = new Object(); ...转载 2019-03-30 21:13:50 · 693 阅读 · 0 评论