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.aggregate const dbCmd = db.command exports.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.html handle可选择区域 后来遇到一个问题，父组件传递给子组件多维数组渲染,里面的一个元素是排序，类似 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-dasharray storke-dashoffset } ,to { stroke-dasharray storke-dashoffset } } 2.SMIL

原创 ts+react

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

原创 vue3创建

1.vue create myproject 2.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/node npm install --save @babel/polyfill 创建babel.config.js npx 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.com 0.0.0.0www.jetbrains.com 还说jetbrains出问题了，访问官网时，把这个注释掉，访问完后，再打开喽！ ...

原创 php7+断言

// PHP 7 assert ( 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服务，然后开始写代码 <?php namespace 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.2 django-admin startproject test1 python manage.py startapp booktest python3 manage.py runserver 迁移 python manage.py makemigrations python manage.py migr...

原创 py安装和卸载

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

原创 vue学习

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

原创 异或换位

转载 Centos 7.5安装配置MongoDB 4.0.4

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