吕三三-CSDN博客

原创 vscode中vue代码追踪，@无法追踪问题

官方文档：https://code.visualstudio.com/docs/languages/jsconfig好心人翻译版文档：https://juejin.cn/post/6930549887402672135。

2024-06-19 13:13:02 523

原创 Element中Form表单动态验证，两个完整示例

核心部分 :prop=“index + ‘.value’” 与上面不同的是domains作为一个独立的对象，没有外层包裹。核心部分就是 :prop=“‘domains.’ + index + ‘.value’”

2024-05-20 14:50:51 431

原创 Element中Select选择器value-key使用注意事项以及回显

value-key 的值必须是对象中一个唯一的标识，类似于:key的意义，但是可以不跟Key一样，一般用一样的即可。因为选择的是一个对象，回显时也应该是一个对象，对象中至少有id，用于与value-key进行匹配。

2024-05-20 13:41:14 1045

原创 Sublime for Mac 使用插件Terminus

注意📢：我本地安装了 iterm2，oh myzsh,所以配置了zsh，其他教程有使用bash.

2024-03-27 10:41:41 942

原创 Mac安装nvm以及使用nvm安装node

【代码】Mac安装nvm以及使用nvm安装node。

2024-01-10 01:18:41 2004

原创 vue .prop修饰符

property：DOM元素的属性（property）值，是DOM对象原生实现的，例如.obj.id obj.class 这样直接获取目标对象的值attributes：是HTML中的特性（attribute），而这些特性有的未必会被内置为的DOM元素的属性。比如自定义的特性，可以使用obj.getAttribute('id')，的方法来获取目标对象的属性值。

2023-11-23 17:12:43 458

原创 webpack5解决 Invalid options object. Dev Server has been initialized using an options object that...

同时注意package.json中加上–mode xxxx。将contentBase改为static即可。

2023-11-10 13:38:52 291

原创 React Hooks之useContext使用

【学习笔记】React Hooks之useContext使用。

2023-10-31 22:37:45 544

原创 VSCode汉化设置

扩展中搜索并安装 Chinese…快捷键 command+shift+p，输入框中输入config，选择Config Display Language选择zh-cn，重启vscode

2023-10-26 12:42:38 170

原创解决 H5在android中软键盘弹出打乱布局的问题（react解决）

一、问题描述####### 页面有个按钮固定/绝对定位最最底部，同页面有输入框，点击输入框软键盘弹出按钮被顶上去，仅出现在安卓系统，IOS没问题。二、问题原因查资料得知，安卓上的可视高度=我们看到的页面高度+软键盘的高度，而IOS的可视高度与软键盘无关三、解决思路监听该页面的可视高度，当高度小于原始高度，则将按钮隐藏，否则展示四、React代码var originHeight = document.documentElement.clientHeight || document.body.cl

2021-06-10 16:21:23 1422

原创 JSX基本语法总结

定义虚拟DOM时不用单引号标签中混入JS表达式时要用{}样式的类名指定不要用class，要用className（因为class是es6中定义的关键字）内联样式，要用style={{key:value}}只有一个根标签标签必须闭合标签首字母 a. 若小写字母开头，则将标签转为html同名元素，若html中无该元素对应的同名元素，则报错 b. 若大写字母开头，React就去渲染对应的组件，若组件没有定义，则报错...

2021-05-07 20:26:34 199

原创 this指向问题一丢丢笔记

方法中直接使用this function demo1() { //此时this指向window console.log(this) } function demo2() { //严格模式 'use strict' //此时this的值为undefined console.log(this) }通过实例调用类中的方法，this指向就是对象实例 class Person { //接受参数 this指向类的实例对象 constructor(name, a.

2021-05-04 15:25:05 160

原创 JS构造器的一丢丢总结

JS构造器的一丢丢总结类中的构造器不是必须要写的，如果要对实例进行一些初始化的操作，如添加指定属性才需要写；如果A类继承B类，且A中写了构造器，那么A类构造器中的super是必须调用的；类中所定义的方法，都放在了类的原型对象上，供实例使用。构造器解释 //创建一个demo类 class Demo{ //构造器方法 constructor(){ } }类的原型对象解释 class Demo{ } //打印结果里的__proto__就是这个累的原型对象 c

2021-05-04 14:44:07 234

原创 forEach与for的性能对比

代码实例验证 let arrs = new Array(10000000); console.time('for'); let len = arrs.length //大循环应该提前定义长度变量 for (let i = 0; i<len; i++) { }; console.timeEnd('for'); console.time('forEach'); arrs.forEach((arr) => { }); console.timeEnd('forEac

2021-04-29 16:06:42 1014

原创一个炒鸡简单的react-redux入门实例

https://b23.tv/0nERYx

2021-02-01 16:19:55 262

原创 Redux详解

1. redux概述redux是一个用于JavaScript状态容器，提供可与预测化的状态。redux可以让你构建一致化的应用，运行不同的环境（客户端，服务器，原生应用），并且易于测试。redux除了与react一起使用外，还支持其他界面库，而且它体积小（只有2KB）2. redux组成3. 实现过程实现点击A组件+号按钮，B页面数字++4. 总结本篇分享是我边看视频边操作再加上文档整理出来一些东西，作为自己的学习笔记，前端小白还未在实际项目运用过，有问题可以提出一起讨论~...

2021-02-01 11:53:58 2568

原创防止按钮重复点击解决思路

一、问题出现场景：表单提交重复点击提交按钮，点赞、收藏等操作二、解决思路:设置一个变量用于判断是否可以点击，默认未true，当这个值为true时可以点击，点击之后设置为false，请求接口完成之后又将值设为true。不管是什么框架，还是原生这个思路都OK的~三、代码例子： import React from 'react'; class Demo extends React.Component{ constructor(props){ super(props);

2021-01-13 16:19:38 1594

原创如何利用map()将字符串数组转int数组的三种方式

如何利用map()将字符串数组转int数组的三种方式方式一 let arr = ['1','2','3','4','5']; let mapArr = arr.map(Number); console.log(mapArr);方式二 let arr = ['1','2','3','4','5']; let mapArr = arr.map(str => parseInt(str)); console.log(mapArr);方式三 let arr = ['1','2','3',

2020-12-31 14:44:41 2389

原创【新手必看】vue如何使用微信jssdk调用微信，朋友圈分享功能

【新手必看】vue如何使用微信jssdk调用微信，朋友圈分享功能【该分享共分三部分】微信公众号配置Vue框架调用jssdk代码示例分享一、关于公众号配置微信JS-SDK说明文档wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填，生成签名

2020-12-24 12:35:17 1899 9

原创 2018年3月的第一天

2018年3月的第一天每个月的结束意味着下个月开始，是的，二月结束了她的28天三月开始了她的第一天。今天已经是年后上班的第五天了，上个月23号到达北京，24号第一天上班不出意外的打了一天酱油，25休息，26号开始看鲁思・本尼迪克写的《菊与刀》，28号看完，看这本的初衷是因为今年可能会和朋友去趟日本，我想先了解一些日本人的思维方式和处事原则。虽然书籍是在二战后期写的并且站在一个西方人的角度，...

2018-03-01 12:17:39 494 2

原创小程序之请求接口

举个栗子onLoad: function (options) { wx.showToast({ //显示消息提示框此处是提升用户体验的作用 title: '数据加载中', icon: 'loading', }); wx.request({ url: 'test/test', /

2017-11-30 19:08:32 10492

原创微信公众号发送模板消息接口

<?php/** * Created by phpStrom. * Project:package-commerce-service * Date: 2017/11/30 * Time: 下午5:07 */class WechatMessage{ //构造函数，获取Access_token public function __construct() {

2017-11-30 17:35:17 2006

原创 Lumen如何打印SQL

Lumen如何打印SQL不说废话直接看代码 use Illuminate\Support\Facades\DB; DB::enableQueryLog(); $a = DB::getQueryLog(); print_r($a);

2017-11-30 17:15:22 4369

原创 Unknown column 'updated_at' in 'field list' (SQL: update `test` set `age` = 22, `updated_at` = 2017-

Lumen报错，意思是我的表里没有updated_at这个字段！！！表里确实没有这个字段，因为我并不需要啊 Eloquent 在数据的表中自动地将维护 created_at 和 updated_at 字段。只需简单的添加这些 timestamp 字段到表中，Eloquent 将为您做剩余的工作。如果您不希望 Eloquent 维护这些字段，在模型中添加以下属性：public $tim

2017-09-19 16:21:25 1550

原创 Linux如何自己封装命令

Linux如何自己封装一些命令之前一直不明白为什么有时候别人一个命令就可以做很多事，或者他的命令和我的怎么不太一样呢？最近一个同事告诉我了….1.打开需编辑的文件 vim ~/.bashrc2.文件中如下写（举个栗子） alias gitll=’git pull’ alias gitsh=’git push’3.最后执行文件使其及时生效 source ~/.bashrc这样

2017-09-19 15:48:50 8673

原创 chmod 和 chown 命令简单笔记

1. 关于chmod命令的用法语法：chmod [-cfvR] [–help] [–version] mode file…含义：chmod <=> change mod(mod不知道是否为简写)改变文件权限参数解释：mode : 权限设定字串，格式如下 : [ugoa…][[+-=][rwxX]…][,…]，其中 u 表示该档案的拥有者，g 表示与该档案的拥有者属于同一个群体(group)者，o

2017-08-02 18:37:27 316

原创 Lumen控制器调用Model层方法并访问数据库时发生错误

Lumen控制器调用Model层方法并访问数据库时发生错误这是我目前碰到的一个问题，主要我开了DEBUG任然没有看到错误原因，最后是在日志storage/logs/lumen.log中看到真正的错误原因 1.不是静态方法不能使用：：(双冒号)来调用的，应该先new这个model，然后->这种方式去调用其中的方法。 2..env配置中的DB_CONNECTION默认是mysql，我当时写

2017-07-27 14:30:55 1080

原创 Lumen 框架路由访问一直报404错误

Lumen 框架路由访问一直报404错误我的解决方法是：在你的nginx配置文件中增加这几行就好了：location / { try_files $uri $uri/ /index.php?$query_string;}看过lavarel框架的人应该就知道，小白的话可以参考我的方法。我也是我同事教的。嘿嘿[^footnote].

2017-07-25 15:58:48 3125

原创关于启动php-fpm报错 ERROR: unable to bind listening socket for address '127.0.0.1:9000': Address already

关于启动php-fpm报错 ERROR: unable to bind listening socket for address ‘127.0.0.1:9000’: Address already in use (98)1.可以查看php-fpm.log日志 /usr/local/php705/var/log/php-fpm.log 其实php-fpm已经在运行了呢2.解决方式 k

2017-07-15 01:51:16 13129

原创关于nginx启动失败 [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)

关于nginx启动失败 [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)1.查看端口占用情况 netstat -tunlp 即可看到各个端口被占用情况顺便记一下： -t (tcp) 仅显示tcp相关选项 -u (udp)仅显示udp相关选项 -n 拒绝显示别名，能显示数字的全部转化为数字

2017-07-15 01:46:14 7093

原创搭建阿里云服务器环境（OpenResty+PHP 7+MySQL5.7）

搭建阿里云服务器环境（OpenResty+PHP 7+MySQL5.7）第一次搭建，希望给新手带来一些帮助1.安装编译工具1.1 命令： yum install gcc-c++ cmake1.2 安装Boost(从MySQL5.7.5开始，需要用上) 资源包https://sourceforge.net/projects/boost/files/boost/1.59.0/boost_1_

2017-07-15 01:27:37 2425

原创 Mac 开启任何来源选项

1.打开终端 2.复制以下代码(master前两个-) sudo spctl –master-disable 3.打开应用程序-> 系统偏好设置->安全性和隐私->通用，消失的任何来源就出现了（默认就会选择） 4.可以安装第三方软件咯

2017-06-26 10:29:28 1315

原创微信公众号开发 Face++人脸识别，简单接口，大神可绕路～

**微信公众号开发 Face++人脸识别，简单接口，大神可绕路～**

2017-05-08 12:57:14 8710 3

个人学习笔记