weixin_38249353的博客

原创 vue打卡范围

vue打卡范围

原创 webstorm寻找丢失文件

原创 json-server

原创 一些面试题

1.sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。localStorage：将数据保存在客户端本地的硬件设备(通常指硬盘，也可以是其他硬件设备)中，即使浏览器被关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可以继续使用。这两者的区别在于，sessionStorage为临时保存，而localSt

原创 深拷贝之类的

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：遍历 array、object 和 string 对值进行操作和检测 创建符合功能的函数

原创 vite.js

用来取代webpack针不戳，和vue3连用npm init @vitejs/app

原创 ReactNode type

type ReactText = string | number;type ReactChild = ReactElement | ReactText;interface ReactNodeArray extends Array<ReactNode> {}type ReactFragment = {} | ReactNodeArray;type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null.

原创 uniapp常用云数据库操作

'use strict';const db = uniCloud.database()const $ = db.command.aggregateconst dbCmd = db.commandexports.main = async (event, context) => { const { user_id, // 用户id article_id, // 文章id content, // 评论内容 comment_id = '', // 评论id reply_i.

原创 http/2

原创 cdn，dns篇小知识点

dns:

原创 flex小细节

1.设置了固定宽高的图片被压缩通常实现如下的效果，是把外层容器设置为display:flex，容器中图片设置固定宽高度，右边元素设置为flex:1，但当右边元素宽度超出剩余空间的时候，图片会被挤压，变成椭圆形。这是因为在flex容器中，当空间不够的时候，flex-shrink不为0的元素会被压缩，所以解决的方法就是给图片设置：flex-shrink:0。...

原创 移动端 web

原创 react小细节

1.useState直接传入函数的含义是：惰性初始化；所以用useState保持函数不能直接传入函数。不过可以再加一层函数处理，比如哈const [a,setA]=React.useState(()=>()=>{ alert('init')})使用的话，也多套一层<button onClick={()=>setA(()=>()=>alert('update')}><button>...

原创 ts和tsx区别

tsx大家默认含模板代码

原创 Why Did You Render 简介

当我在开发 React 项目时，经常会想，要是有一个工具能实时告知我组件是否有性能问题就好了，这样就能在开发的时候就尽量避免组件过大时的性能问题，以及降低潜在的页面崩溃概率。然后我就在网上找到了这个工具：@welldone-software/why-did-you-render，它能在我开发 react 组件的时候及时提醒我当前写的组件是否有不必要的重复渲染问题，在开发的时候就避免掉部分性能问题。why did you render 应当在开发环境里使用。为避免麻烦，以下why did you re

原创 sortable.js问题总结

需求是绑定按钮进行拖拽排序，但市面上有名气的插件都是整体div操作，后来看底层，都调用了sortable.js，这个偏底层，无依赖，性能很不错，配置项也多。http://www.itxst.com/sortablejs/neuinffi.htmlhandle可选择区域后来遇到一个问题，父组件传递给子组件多维数组渲染,里面的一个元素是排序，类似Arr:[{a:'1',b:'2'},{a:'c',b:'d'}....]在子组件onEnd中修改父组件Arr，不能及时修改数据，后$nextTi

原创 uniapp清除右边滚动

尝试了N方法，唯一奏效的height: 100vh;overflow-y: auto;

原创 svg实现方案

css实现:@keyframes xxx{from{stroke-dasharraystorke-dashoffset},to{stroke-dasharraystorke-dashoffset}}2.SMIL

原创 ts+react

1.npx create-react-app 项目名--template typescript

原创 vue3创建

1.vue create myproject2.vue add vue-next备注：2前安装router和vuex会自动帮忙升级

原创 css文字排列

display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical

原创 vue中provide和inject 用法

1、provide/inject有什么用？常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据，子孙组件通过inject注入祖父组件传递过来的数据。其实，provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。比...

原创 react sasserror:file to import not found or unreadable

我出现这个问题的原因是二开，之前是用ios系统开发，所以SassPath会出现问题,修改env即可SASS_PATH=./node_modules;./src

原创 获取路由参数正则

function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null; }

原创 关于vue代理最重要的点

module.exports = { devServer: { proxy: { '/user': { target: 'http://localhost:8081', pathRewrite: { '/user': 'user.json' } }, '/list': { .

原创 transform:translate

transform:translate(-50%,-50%)实现水平垂直居中translate()函数是css3的新特性.在不知道自身宽高的情况下，可以利用它来进行水平垂直居中.。当使用：top:50%;left:50%;， 是以左上角为原点，故不处于中心位置translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。与负margin-left和margin-top实现居中不同的是，margin-left必须知道自身的宽高，而...

原创 babel与webpack

npm install --save-dev @babel/core @babel/preset-env @babel/nodenpm install --save @babel/polyfill创建babel.config.jsnpx babel-node index.js

原创 研究Tp5.1的一些备注

spl_autoload_register:自动加载类spl_autoload_register('auto',true,true);//autoload_function欲注册的自动装载函数。如果没有提供任何参数，则自动注册 autoload 的默认实现函数spl_autoload()。throw此参数设置了 autoload_function 无法成功注册时， spl_autoload...

原创 composer相关

先下载最新的https://install.phpcomposer.com/composer.phar下载证书curl http://curl.haxx.se/ca/cacert.pem -o /usr/local/ssl/cert.pem配置 php.ini ， 指定证书的路径[openssl]openssl.cafile=/usr/local/ssl/cert.p...

原创 记录一个傻逼操作

今天想买正版Phpstrom却打不开jetbrains，后来想起来0.0.0.0 account.jetbrains.com0.0.0.0www.jetbrains.com还说jetbrains出问题了，访问官网时，把这个注释掉，访问完后，再打开喽！...

原创 php7+断言

// PHP 7assert ( mixed $assertion [, Throwable $exception ] ) : bool// 代码assert(true == false);// 运行结果:Warning: assert(): assert(true == false) failed in E:\work\index.php on line 4// 设置...

原创 微信h5支付踩坑

微信文档是真的很晦涩难懂，首先h5支付不需要oppenid，逻辑顺序，商户号关联公众号，开通H5服务，然后开始写代码<?phpnamespace app\api\controller;use think\Controller;use think\facade\Cache;use think\facade\Log;use think\facade\Request;us...

原创 百度坐标相关

$("input[name='address']").blur(function () { var data=$("input[name='address']").val(); var str = data.split(','); console.log(str) var lng = str[0]; //百度经度 var lat = str[1]; /...

原创 宝塔安装ssl

xxxx.com.key放左边【密钥(KEY)】_public.crt(前) +_chain.crt(后) 手动合并后放右边【证书(PEM格式)】

原创 回车禁止事件踩坑

document.onkeydown = function (e){ e = e || event; var currKey = e.keyCode || e.which || e.charCode; //支持IE,FireFox if (currKey === 13) { return false; }};

原创 python web

安装完虚拟环境后pip3 install django==1.8.2django-admin startproject test1python manage.py startapp booktestpython3 manage.py runserver迁移python manage.py makemigrationspython manage.py migr...

原创 py安装和卸载

一、安装python31、安装依赖包yum -y install libffi-devel tk-develyum install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gcc* make -y2、下载python安装包...

原创 vue学习

npm install -g @vue/clivue create my-projectnpm run serve删除node_modules然后安装npm installvue-resource安装cnpm install vue-router --save1、需要安装vue-resource模块， 注意加上 --save npm insta...

原创 异或换位

转载 Centos 7.5安装配置MongoDB 4.0.4

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。1、下载并解压mongodbcd /data/curl -O https://fastdl.mongodb.org/linux/mongodb-linux...