- 博客(87)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 遗忘的常用语法或函数
// typeof 检测一个变量的类型let obj = { test: 'ccc', test2: 2}console.log(typeof obj.test); // stringconsole.log(typeof obj.test2); // numberlet a = {}console.log(typeof a); // object
2020-11-08 15:57:30
233
原创 单词硬背
install //安装project //项目initializing // 初始化repository // 存储库plugins //插件might take a while //可能需要一会儿
2020-10-12 20:26:04
125
1
原创 CarouselMap.vue?d88f:80 Uncaught TypeError: Cannot read property ‘style‘ of undefined
<div class="rectangle-box"> <div class="item" ref="imgItem" :style="{'top': imgItemLeft}" ></div></div>// 正确写法this.imgItemLeft = id * 80;// 错误写法this.$refs.imgItem.style.left = (id * 80) + 'px';
2021-02-10 21:48:37
259
原创 对js的错误理解
原是代码:document.body.innerHTML = ` <div id="foo" > <p>Foo</p> </div>`;document.querySelector('div') .attachShadow({ mode: 'open' }) .innerHTML = `<div id="bar"> <slot></slot> <
2021-01-24 10:05:16
204
原创 关于画布createPattern无法生效的问题(没有使用window.onload导致的问题)
错误代码(画布并没有填充图案)<script type="text/javascript"> var c=document.getElementById("drawing"); var ctx=c.getContext("2d"); ctx.clearRect(0,0,c.width,c.height); var img=document.getElementById("img") var pat=ctx.createPattern(img,'no
2021-01-16 16:39:04
693
1
原创 VSCode实用插件
Chinese 编辑器汉化包Auto Rename Tag 自动重命名成对的HTML标记HTML Snippets HTML标签的代码提示Bracket Pair Colorizer 成对括号的颜色区分（主要是方便查阅代码结构）CSS Peek css样式查看器Npm Intellisense 可自动完成导入语句中的npm模块open in browser 快速打开html文件到浏览器预览vscode-icons 提供目录树图标主题Auto Close Tag 自动闭合HTML/XML.
2021-01-11 11:14:17
241
1
原创 v-for实现递归组件
组件Aside代码<template> <div> <ul class="history-recording"> <li>历史记录</li> </ul> <ul> <li v-for="(item,index) in asideList" v-bind:key = "index" > <p class="main-title" @click.prevent="main
2021-01-05 16:44:52
1994
原创 HTML 元素保存在某个闭包的作用域中，就相当于宣布该元素不能被销毁。
需要优化的代码function assignHandler() { let element = document.getElementById('someElement'); element.onclick = () => console.log(element.id); }以上代码创建了一个闭包，即 element 元素的事件处理程序。 而这个处理程序又创建了一个循环引用。匿名函数引用着 assignHandler()的活动对象，阻止了对 element 的引用计数归零。只要这个
2020-12-06 16:23:09
144
原创 js图片压缩dome
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>压缩图片demo</title></head><body> <img id="img" src=""> <input id="file" type="file" onchange="compress()"> <button class=".
2020-11-29 12:03:07
102
转载 margin:0 auto 不起作用的原因
https://blog.youkuaiyun.com/qq_43719932/article/details/90574700块级元素的定位是绝对定位，即position:absolute。 因为margin可以理解为，规定该元素与其他元素的距离。那么就说明该元素应在文档流之中，这样才能计算auto。 块级元素应该没有给定的宽度。如width:10px 或是width:10%等 img标签 margin:0 auto失效...
2020-11-24 17:43:37
3129
原创 关于VueRouter的低级错误
component被写成了components所以跳转路由的时候没反应(注释的代码为错误代码)，看了VueRouter的官方文档，再次证明基础很重要。// import Vue from 'vue';// import Router from 'vue-router';// Vue.use(Router);// export default new Router({// mode: 'history',// router: [// {// path: '/testRoute
2020-11-20 22:36:58
412
原创 利用component动态遍历不同组件
<template> <div id="app"> <!-- <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> --> <TraceNav :traceData="traceData" ></TraceNav> <!-- 监听浏览器窗口变化组件 --> <.
2020-11-14 22:36:20
675
原创 CSS3之scroll-behavior描点动画效果
scroll-behavior// https://developer.mozilla.org/zh-CN/docs/Web/CSS/scroll-behavior// 默认auto没有滚动动画效果scroll-behavior: smooth;代码示例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> <
2020-11-14 17:11:38
454
原创 JavaScript和ES常用语法
...args剩余参数用法function test(...args){ console.log(args); }test(4,2,3); //[4, 2, 3]let a = [3,5,2];
2020-11-11 07:33:17
469
原创 利用indexOf()或 lastIndexOf()查找字符串中所有的目标子字符串
let stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit"; let positions = new Array(); let pos = stringValue.indexOf("e"); while(pos > -1) { positions.push(pos); pos = stringValue.indexOf("e", pos + 1); } console.log(pos...
2020-11-05 07:57:50
435
原创 Vue兄弟组件之间的传值$on和$emit
其实就是由vm.$emit触发$on定义的事件vm.$on('test', function (msg) { console.log(msg)})vm.$emit('test', 'hi')// => "hi"Bus.jsimport Vue from 'vue'export default new Vue组件WindowOnresize<template> <div></div></template>&..
2020-10-31 16:35:13
793
1
原创 transition 属性
// property 规定设置过渡效果的 CSS 属性的名称。// duration 规定完成过渡效果需要多少秒或毫秒。// timing-function 规定速度效果的速度曲线。// delay 定义过渡效果何时开始。transition: property duration timing-function delay;...
2020-10-29 08:28:13
1031
原创 error Mixed spaces and tabs no-mixed-spaces-and-tabs
打开package.json文件搜索rules然后改成"rules": {"no-tabs":"off"}重启服务
2020-10-25 22:57:24
944
1
原创 javaScrip高级程序设计04（var、let、const）
varvar关键字var message; //定义一个名为message的变量var message = "hi";作用域使用 var 操作符定义的变量会成为包含它的函数的局部变量。比如，使用 var在一个函数内部定义一个变量，就意味着该变量将在函数退出时被销毁：function test() { var message = "hi"; // 局部变量} test(); console.log(message); // 出错！这里，message 变量是在函数内部使用 var
2020-10-13 20:20:45
211
原创 window.requestAnimationFrame()
参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFramewindow.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行注意：若你想在浏览器下次重绘之前继续更新下一帧动画，那么回调函数自身必须再次调用window.requestAni.
2020-10-08 22:53:56
413
原创 js常用函数封装
判断小数点后面的位数是否合理const judgeDigits = (munber,digits) => { let str = munber.toString(); let arr = str.split('.'); if(arr.length == 1){ return true } if(arr.length == 2){ if(arr[1].length == 2 || arr[1].length == 1){ return true; }.
2020-09-18 17:50:05
168
原创 微信小程序JSAPI支付
一、准备资料1、需要注册一个微信商户平台https://pay.weixin.qq.com/（主要是需要mch_id（微信支付商户号）商户Key（其实就是API密钥）2、申请一个微信小程序账号(需要有微信支付、微信认证) （主要是需要appid、AppSecret(小程序密钥)）二、操作流程（https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_4&index=3建议多多看看操作流程图，之前就是因为，没注..
2020-09-17 15:25:46
3945
原创 网站收藏
web app 自适应方案总结 关键字 弹性布局之remhttps://www.cnblogs.com/breakdown/p/4231708.html
2020-09-10 16:40:38
130
原创 PHP常用函数
compact<?php$firstname = "Peter";$lastname = "Griffin";$age = "41";$result = compact("firstname", "lastname", "age");print_r($result);?>运行结果Array ( [firstname] => Peter [lastname] => Griffin [age] => 41 )
2020-09-02 20:19:33
85
原创 v-on和vm.$emit
完整例子：https://www.cnblogs.com/landv/p/11110822.htmlhttps://cn.vuejs.org/v2/api/#vm-emitvm.$emit( eventName, […args] )触发当前实例上的事件。附加参数都会传给监听器回调。v-on(绑定监听事件)app.vue(这里)<template> <div id="app"> <AddTodo v-on:handleAddEm...
2020-08-31 21:52:17
300
原创 css按钮或者其他常用样式
按钮样式.btm{ color: #ffffff; background-color: #D14843; border-bottom: 1px solid #a7a1a1; border-right: 1px solid #a7a1a1; font-size: 23rpx; line-height: 50rpx; width: 110rpx; text-align: center; margin: 0 0; margin-left: auto;
2020-08-27 15:51:56
218
原创 微信小程序上传图片(wx.chooseImage和wx.uploadFile)
util.jsconst TOKENNAME = 'Authori-zation';/** 单图上传* @param object opt* @param callable successCallback 成功执行方法 data * @param callable errorCallback 失败执行方法 */const uploadImageOne=function (opt, successCallback, errorCallback) { let count = opt..
2020-08-27 14:54:22
1261
原创 微信小程序封装wx.request接口调用
1、判断登录是否过期（主要判断token、有效时间、是否登录的状态）2、过期操作的流程获取cache_key缓存 执行成功的回调 （1）在用户授权成功的情况下调用wx.getUserInfo （2）将用户信息作为参数调用后端的登录接口，执行登录成功的回调重新保存token、userinfo、expiresTime(有效时间)、缓存wx.setStorage({key:'cache_key',data:res.data.cache_key})config....
2020-08-27 10:56:10
913
1
原创 微信小程序-发送给朋友
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html设置分享状态小程序页面默认不可被分享到朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：首先，页面需设置允许“发送给朋友”。具体参考Page.onShareAppMessage接口文档 满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考Pag...
2020-08-22 11:52:23
3942
原创 作用域链和域解析
作用域链(一层层向上查找，直到没找到宣布失败)#作用域链<script> var num = 10; function f1(){ var num = 20 ; function f2(){ var num = 30; console.log(num); //30 } f2(); } f1(); f2();//报错，因为函数执行完后f2的
2020-08-13 11:18:02
155
原创 JS 作用域
全局变量<script> var num=10; console.log(num);//10</script><script> console.log(num);//10</script>局部变量<script> function f1(){ var num = 10; } console.log(num); //报错</script>var声明
2020-08-13 11:01:06
94
原创 JS 闭包的个人理解
参考地址:https://www.jianshu.com/p/87762b8864a8参考地址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html全局变量和局部变量// 获取所有的livar lis = document.getElementsByTagName('li');for(var i=0;i < lis.length;++i){ lis[i].onclick = fun..
2020-08-11 16:30:44
146
原创 vue better-scroll的参数和方法
原文链接:https://www.cnblogs.com/cangqinglang/p/8553746.htmlOptions 参数:startX: 0 开始的X轴位置startY: 0 开始的Y轴位置scrollY: true 滚动方向为 Y 轴scrollX: true 滚动方向为 X 轴click: true 是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用_constructed，若是bs派发的则为truedirecti.
2020-08-11 11:53:04
486
原创 this.$nextTick在下次 DOM 更新循环结束之后执行延迟回调
Vue.nextTick 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。最近在使用百度编辑器的时候，发现数据渲染失败。原因是因为在使用uParse('#content',{rootPath:'/static/ueditor'})时候，数据并没有全部渲染。<template> <div class="body-bg"> <div class="page-size"> <blog-nav :na
2020-08-08 21:19:29
537
2
原创 vue-axios
1、后端跨域的三种解决方案1、jsonp2、反向代理3、在php框架的入口文件加上header('Access-Control-Allow-Origin: *');2、安装axiosnpm install axios -save3、代码main.jsimport Vue from 'vue'import App from './App.vue'import router from './routers'import store from './store'import
2020-08-07 15:11:23
112
原创 vue模块化工程中使用插件
以router为例https://router.vuejs.org/zh/api/#router-replacemain.jsimport Vue from 'vue'import App from './App.vue'import router from './routers'Vue.config.productionTip = falsenew Vue({ router, render: h => h(App),}).$mount('#app')这时..
2020-08-04 17:03:56
241
原创 vue-router常用api
api网址https://router.vuejs.org/zh/api/#router-gothis.$router.go(-1);//返回上一层
2020-08-04 16:13:02
273
原创 vue 动态添加属性样式(style)和类名(class)
凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize 除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff<template> <div :style="{backgroundColor: bgColor}" >ccc</div></template><script>export default{
2020-08-02 16:28:36
3180
var date ={"标题":'内容'，"标题":'内容'，"标题":'内容' }
2017-01-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人