- 博客(105)
- 收藏
- 关注
RSS订阅
原创 json-server 模拟增删改查
json-server1.npm i json-server -S2.在项目目录下常见一个mock/todo.json:在里面书写json数据即可：{ "todos": [ { "id": 1, "title": "吃饭", "isCompleted": false }, { "id": 2, "title": "约会", "isCompleted": false }, {
2020-07-11 11:34:00
367
原创 React 周期函数与双向数据绑定冲突
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-07-09 11:49:41
151
原创 【elementUI】 下拉框的长度超过输入框？
类似于这样，其实这个时候的输入框长度和下拉框长度是一样的，只不过位置没有对齐，试试将宽度扩展成100%再去调样式
2021-06-02 10:24:00
1245
原创 elementUI --- Cannot read property ‘disabled‘ of null
这个错误是因为存在存在没有子元素的el-dropdown标签去掉那个没有子元素的el-dropdown标签就可以了
2021-05-31 13:52:38
196
转载 elementUI
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <link
2021-05-21 15:40:12
153
原创 【vue+elementUI】要根据数组里的每一项值里面的某一个状态决定是否显示或样式
elementUI 根据某一行或列的状态显示不同的内容 // 表格数据 tableData: [ { index: 1, date: "1981-06-26", dayTime: "下午05：00", discription: "影响注记服务", name: "影响注记服务", type: "普通用户", address: "上海市普陀区金沙江路 1518 弄", use_charge: true,
2021-05-19 10:55:43
755
原创 【constructor】在一个函数的原型上新增了一个方法，但是通过函数.方法名去调用就会报错，但是在函数的原型上可以看到那个方法
function Game(){ this.dom = document.querySelector('#canvas') this.ctx = this.dom.getContext('2d') this.R = { 'changge':'./images/wyyc.png', 'sea':'./images/xxdj.png', ...
2021-04-19 15:04:24
87
原创 【canvas】arc -- 炫彩小球碰壁折返，存在小问题。当小球随机出现的位置在窗口两端，会反复在边界跳动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2021-04-19 08:33:57
155
2
原创 【canvas】fill、stroke、clear
基本原理：先通过clear删除原有路径，通过定时器对其中一个属性进行改变，再重新绘制canvas -- 轻量级动画（相比flash而言）而且canvas一旦某个元素绘制完毕就无法再对该元素进行修改但是flash通过一定的API可以canvas一般的步骤：<canvas id="myCanvas" width="600" height="400">浏览器版本不支持canvas,请先升级浏览器</canvas>canvas标签内部的文字在浏览器版本不支持canvas标签的时候
2021-04-16 09:26:56
1045
原创 【electron】remote/accelerator/BrowserView/contextmenu/shell/dialog
normal：app – 引入窗口管理BrowserWindow --主窗口main.jsvar electron = require('electron')var app = electron.app //引入appvar BrowserWindow = electron.BrowserWindow //窗口引用var mainWindow = nullapp.on('ready',()=>{ mainWindow = new BrowserWindow({
2021-04-14 16:15:04
463
原创 【electron】remote Uncaught (in promise) Error: ERR_FILE_NOT_FOUND (-6) loading
remote 远亲去继承主窗口的BrowserWindow的时候：main.jsvar electron = require('electron')var app = electron.app //引入appvar BrowserWindow = electron.BrowserWindow //窗口引用var mainWindow = nullapp.on('ready',()=>{ mainWindow = new BrowserWindow({ w
2021-04-14 09:33:45
1110
原创 【electron】小坑
在自己自学的过程中会遇到一些问题，别害怕，跨过它你才有机会实现梦想尝试写一个electron窗口main.jsconst electron = require('electron') // 引入全局的electronvar app = electron.app // 实例化窗口var BrowserWindow = electron.BrowserWindow // 创建主线程var mainWindow = null // 申明窗口// 监听事件app.on('rea
2021-04-13 11:05:23
181
原创 【开发】js-jquery
### 点击空白处关闭弹出层jQuery 除了点击选中元素，点击除了目标元素是选中元素的空白区域，关闭已经有的弹出层 $(document).on('click',function(e){ // console.log(e) let _e = $('.yxjc>.content>.item') if(!_e.is(e.target)&&_e.has(e.target).length===0){
2021-04-13 10:44:32
78
原创 【开发】css 小伎俩
移动端通过rem布局，当文字已经缩小到最小的12px了，已经没有办法再缩小了，可以通过增加宽度，让文字尽可能地排到一行，然后通过transform:scale()来对它进行缩小，最终达到设计图的效果 width: 140%; transform:scale(0.8)...
2021-03-31 11:10:25
62
原创 【js--数组】数组的遍历方法以及区别
// arr.forEach() arr.map() arr.filter() arr.some() arr.every() // arr.forEach()和arr.map() 都不会影响原数组 // arr.forEach()、arr.map() 它们默认都有三个参数 item、index、arr // arr.forEach() 默认没有返回值，返回值为undefined // arr.map() 默认返回一个和原数组数值一样的数组，假如在遍历内部进行操作，返回值
2021-03-24 09:44:03
78
原创 【js】.JavaScript 正则验证，当下面的这个表单提交的时候，输入框中不能为空，如果有空格必须把空格去掉，必须是合法的手机号
<form action="" id="form1" method="get"> 电话号码：<input type="text" value="输入电话号码" id="mobi" name=""/> <input type="submit" name=""/></form>var form1 = document.getElementById('form1');form1.onsubmit = function () { var mobi
2021-03-22 12:15:43
982
原创 【js】要求找出一个字符串出现次数最多的字符，以及出现的次数
//js 给定一个字符串，要求判断出现次数最多的字符，并统计字符出现的个数 //准备一个空的对象， 遍历这个字符串，将出现的字符作为对象的key值，出现的次数作为对象的value值 let letter = 'lx_xh0713' function lookFor(str){ let obj = {} for(var i=0;i<str.length;i++){ let item = str[i] if(!ob...
2021-03-22 12:12:55
151
原创 【js】js通过split()方法对一个地址栏的网址进行切割得到对应的参数对象
//js QueryString 将一个url地址解析拿到对应的参数对象 let url = "https:baidu.com?name=lx&age=24" function parseString(str){ let string = str.split("?")[1].split("&") let obj = {} for(var i=0;i<string.length;i++){ let temp =...
2021-03-22 12:03:12
707
原创 【js】字符串切割substr和substring
str.substr(startIndex,endIndex)1.substr和substring都是返回对一个字符串进行切割得到后的结果2.substr返回的是从起始下标到结束下标切割后的字符串，包括首尾但是substring不包括结束下标 //js substr和subSstring的区别 // substr和substring都是对字符串进行截取，返回截取的字符串 // substring返回的是从首部到尾部但不包含尾部的字符串，substr返回的字符串包含尾部下标对应
2021-03-22 11:57:17
271
原创 【js】冒泡、选择、快速排序
1.冒泡排序var arr = [1,32,56,7,9,23,6,99,13,91,5] for(var i=0;i<arr.length;i++){ for(var j = 0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ let temp = arr[j] arr[j] = arr[j+1] arr[j+1] = temp }
2021-03-22 11:37:59
102
原创 【js】拿到的input选项卡的标签的下标，并且实现单一选中
<div> <p>当前选中的是第<span id="index">0</span>个(此时只适合单选)</p> <input type="checkbox" checked>1</input><br> <input type="checkbox">2</input><br> <input type="checkbox">3<..
2021-03-22 11:02:55
302
原创 【js】原生js实现打印今天是..年..月..日..时..分..秒
<h1 id="newTime"></h1>function getDay(){ let time = new Date() // 年 月 日 星期几 let y = time.getFullYear() mon = time.getMonth()+1 r = time.getDate() week = toweek(time.getDay()) // console...
2021-03-22 10:59:53
201
原创 js--操作cookie
1.设置cookie//设置cookies function setCookie(name,value,Days){ var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); }2.获取cookie
2021-03-21 11:26:51
101
原创 【git】remote origin alredy exists
remote origin alredy exists要上传的源已经存在，git remote rm origin //移除已经存在的源地址git remote add origin ***.git //新增源地址fatal: The current branch lx-fenmei has no upstream branch.To push the current branch and set the remote as upstream, use git push --set-u
2020-09-16 11:09:56
89
原创 【wx小程序】页面跳转的时候传递数据
wx小程序wx小程序传递数据，一个事件触发跳转，把包含这个事件的页面的内容传递到目的页面里面去 handleRen (event) { let id = event.currentTarget.dataset.id // console.log(event.currentTarget.dataset.id) let item = app.globalData console.log(item) // console.log('相识') if (ite
2020-09-15 14:21:16
111
原创 使用 redux & react-redux 对todolist进行优化
redux优化todolist1.在src目录下新建store/index.js和store/reducer.jsreducer.js:把App.js里面的值提取到reducer.js里面来let defaultState = { title:"待办事项", value:'', btnText:'ADD', arr:[ { "id": 1594449605029, "title": "this", "isCompleted": false
2020-09-15 13:52:09
76
原创 【vue-mvvm】binder（Two-way data-binding）
MVVM只需要在view层，使用v-model这个指令指明它的数据与model哪一块数据绑定即可，而当view层这一块数据发生变化，会同步地更改module层里面的数据相应的部分
2020-09-15 11:39:26
275
原创 Vuex-vue状态管理
Vuex-用户需求与数据处理1.Vuex的五要素：Vuex通过实例化成对象Store，随后挂载成全局对象，它一共有五个属性：state 用于存放数据，类似于组件中的data不同之处：state所存放的数据是公用的，但是组建中的data是私有的，所以在整个项目的随意一个组件中都可以调取和修改Store中的数据所以才会存在父子组件、兄弟组件之间的通信（传值），后续给大家一一讲解父子组件、兄弟组件之间的通信方式Mutations：存放改变state中存放的数据的方法。只能处理同步请求Actions：
2020-09-15 11:39:05
61
原创 【vue】vue-router路由跳转踩坑
vue-router请求方式我们知道有两种（get/post），对应的路由跳转和传递参数的方式也不同路由跳转有四种router-link和router-view对应this.$router.push({})上面两种会把路由的跳转记录到history栈中去，可以回退，后两种没法回退到上一步路由this,$router.replace()this.$router.go(n) n为整数（正数代表向前跳转，负数代表向后）this.$router.push()传递参数也有经典的两种，混淆起来就很难分
2020-09-15 11:06:03
401
原创 【google】跨域处理
跨域跨域并不是两个域名之间不可以访问，域名之间的沟通其实是不存在跨域的，浏览器是可以拿到数据的，但是你假如不跟目的域名同源，浏览器就不会给你获取到的数据同源：同域名/同端口号/同协议所以在项目中遇到google提醒跨域的时候，打开你google所存在的路径 --user-data-dir=C:\MyChromeDevUserData记得在–user-data-dir前面要有一个空格&在你的c盘创建一个MyChromeDevUserData文件夹，重新开启浏览器，google提醒你就已经处
2020-09-11 10:54:52
93
原创 【vue】双语/多语网页切换
多语网页切换看到有些网页支持多种语言之间的切换是不是很牛逼？其实不然，你也可以的，它只是在你事先准备好的几个翻译的版本之间切换，在你想要翻译的地方把翻译放进去就可以了1.安装vue-i18n插件npm install vue-i18n2.在这里把你引进的vue-i18n作为中间件处理我们接触过的中间件有bodyParser/queryString等等vue-i18n.js// 国际化设置import Vue from 'vue'import VueI18n from 'vue-i18n
2020-09-08 15:52:07
914
原创 【js】两个键值对数目不一样的对象，怎么A与B的共有的key将A的key值赋值给B，而且A与B互不影响
两个键值对数目不一样的对象，怎么A与B的共有的key将A的key值赋值给B，但是A与B互不影响想把二者相同的key值从第一个的key传到第二个key我试过了这个方法： Object.keys(bpMaster).forEach(key => { bpMaster[key] = bpData[key] })这会导致第二个对象只剩下与第一个对象共有的数据，显然，这并不是我们想要的...
2020-09-02 17:22:36
589
原创 【js】后台拿到的数据往往与前端不对应，我们也许需要改变后端传来的数据的json对象的key值
修改json数据里对象的key值后台拿到的数据往往与前端不对应，我们也许需要改变后端传来的数据的json对象的key值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2020-09-02 17:08:07
490
原创 【微信小程序】自定义属性值，及路由传参
wx小程序在很多时候，我们需要通过wx:for去循环渲染一个列表，我们希望点击进去的时候可以拿到对应的值及各种相应的参数，那么我们就需要给它加一个标识符，一个专有的id或者指定的index，我们可以通过data-属性名这个自定义属性去获取对应的值然后获取到对应位置列表里面的值，拿到对应的那个值作为参数传递过去，在对应的页面接受并渲染就可以了...
2020-08-31 14:52:43
398
原创 【wx小程序】Component “pages/cart/cart“ does not have a method “ handleAdd“ to handle event “ta
VM46425:1 Component “pages/cart/cart” does not have a method " handleAdd" to handle event “tap”.这个报错是因为微信小程序在js文件里面可能没有办法找到你在页面里面所绑定的那个方法名，也可能是在wxml文件里面没有找到：多余出来的空格可能让你的事件并没有绑定上去在js文件里面可能是因为你把事件放到了data（基础数据定义）里面去了把它拉出data的双括号就可以了还有一种是最坑的，它没有办法通过v-fo
2020-08-27 14:40:11
5442
1
原创 【wx】wx小程序中使用alibaba矢量图标库
wx中使用alibaba矢量图标选择号图标后找到下载项目中的粘贴到要用到的页面的.wxss文件里，在.wxml文件中调用
2020-08-26 17:12:21
121
转载 【wx】
.js://message.jsconst app = getApp()Page({ data: { background: '#D1EEEE', activeKey: 0, motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo'), navData: [ { .
2020-08-26 16:58:39
924
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人