前端
ljlhnick
哈哈哈哈哈哈哈
展开
-
js 闲记
关于async await解决了回调地狱 以同步的样子解决异步问题。 特征 await只能放在async函数中 且await等待返回一个promise对象async function test1() { try { const res = await Promise.resolve(111); console.log('success', res); } catch(error) { console.log('failed', error); ..原创 2021-04-06 14:56:51 · 208 阅读 · 0 评论 -
window系统下安装mysql8.0.23踩坑记录
电脑: window10 64位先去mysql官网下载8.0.23解压 将bin目录在环境变量中的path配置 在mysql根目录下新建my.ini文件进行配置[mysql]# 设置mysql客户端默认字符集default-character-set=utf8 [mysqld]# 设置3306端口port = 3306# 设置mysql的安装目录basedir=D:\\soft\\mysql-8.0.23-winx64# 设置 mysql数据库的数据的存放目录,MySQL原创 2021-03-31 13:47:18 · 264 阅读 · 0 评论 -
粗略从0搭建react webpack框架
第一步 在新目录里用npm init命令生成一个package.json 写一些基础的配置第二步 安装webpack 我用webpack5, 注意webpack5和webpack-cli搭配时 后者需要指定在3.3.12版本,不然会有报错npm i webpack webpack-cli@3.3.12 -D第三步 根目录下建立src 在src下建立index.js 在根目录下建立webpack.config.js配置webpack.config.js 针对入口 打包出口进行配置..原创 2021-03-31 10:10:44 · 306 阅读 · 1 评论 -
react 搭配hook 的管理端系统
目录index.jsmodel.jsservice.jsindex.js 使用useState钩子定义状态 使用useCallBack钩子定义事件 使用useEffect钩子执行一些有副作用的事件 使用useMemo钩子(类似计算属性 观察依赖值) react包使用useSelector(state => ({})) 获取指定model中的定义的数据 使用useDispatch() 生成一个dispatchmodel.js namespace为model的唯一标志 ...原创 2021-02-02 17:40:43 · 168 阅读 · 0 评论 -
npm安装依赖包时 所有的包都在node_modules下的.staging文件夹中
网上全是由于.staging是临时文件 需要等待你的包安装完后才是正常的放置位置但我 安装删除很多次后还是这个样子后来 是这个步骤解决的第一步 删除node_modules文件夹第二布把package.json中的私有包删除第三步 用nrm包管理工具切换到npm源 安装非私有包依赖第四步 用nrm切换到私有源 一个一个的安装私有包依赖解决了 工作了这么久第一次在这个坑里跌倒...原创 2021-02-01 16:09:56 · 5368 阅读 · 0 评论 -
QQ授权登录问题
由于有个业务需要外部人员登录进行操作 所以引入了qq登录管理端的功能采取的是milo插件官方文档首先 移动端和pc端引入不同的milo js脚本PC端 调用登录的方法//Loginexport const loginByQQ = () => { window.need("biz.login", function(LoginManager) { LoginManager.login( () => { alert("已经登录了"); .原创 2021-01-28 11:19:14 · 6320 阅读 · 0 评论 -
上传文件插件替换 从uploadify到webuploader插件
由于2020年flash公司停止提供服务 所以利用flash方式上传图片、文件就不可用了之前项目使用的是jquery.uploadify-3.1.min.js插件,但是该插件的免费版只能用flash实现 收费版才可以用h5实现免费版使用方式大概如下<input type="file" id="iconId" /><img class="f_r" id="iconId_pic"/>$("#iconId").uploadify({ "b.原创 2021-01-28 10:33:04 · 1677 阅读 · 0 评论 -
fiddler抓包工具初学
fiddler抓包是什么扩展工具的用法 MiniFiddler记录客户端和服务器端间所有HTTP请求针对特定请求,分析请求数据功能区:过滤器+阻塞规则设置断点Fiddler命令selectallbut?text>size 是什么学习博客1-3章fiddler是客户端和服务器端的http代理,能够记录客户端和服务器端间所有HTTP请求,针对特定HTTP请求,分析请求数据、设置断点、调试web应用、修改请求数据,修改服务器响应数据。扩展工具的用法 MiniFiddler插件安装好后,控制台tab原创 2020-06-19 11:30:25 · 222 阅读 · 0 评论 -
前端工具库之moment、lodash
前端工具以及工具库postman后台API测试工具moment时间格式化工具获取时间、设置时间常用格式化方法比较时间大小lodash 模块化、高性能的js实用工具库常用的方法postman后台API测试工具设置全局环境以及全局变量,避免重复手动输入,引入全局环境和变量时用{{}}新建管理集合进行API测试moment时间格式化工具文档链接获取时间、设置时间Get Timemoment().year()/moment().get('year')moment().month()/m原创 2020-06-02 10:10:59 · 3115 阅读 · 0 评论 -
promise以及async/await
promise与asyncpromiseasyncpromisejs为单线程,js的网络操作,浏览器事件必须异步执行(回调函数实现)promise有各种开源实现,在es6里被统一规范new Promise(function (resolve, reject) { var timeOut = Math.random() * 2; setTimeout(function () { if (timeOut < 1) { resolve('200原创 2020-05-25 14:54:49 · 157 阅读 · 0 评论 -
vue 网易云
vue 网易云API技术方案模块划分代码class编程功能图技术方案github地址: https://github.com/ljlhnick/vue-wangyiyun 喜欢欢迎点个start,支持下我技术方案:vue+vue-router+axios+typeScript+element-ui+vue-property-decorator(class方式写组件)模块划分歌单列表,歌单,分页,播放详情,个人资料提交代码class编程<script lang="ts">impo原创 2020-05-23 17:44:11 · 219 阅读 · 0 评论 -
vue豆瓣
vue 豆瓣API获取豆瓣电影,豆瓣书籍vue+vue-router+axios+vuex+iview UI技术方案模块划分功能图测试vue+vue-router+axios+vuex+iview UIrouter 分为/ /movie /bookiview UI 使用了Menu, Tabs,Page, Spin, Button(ButtonGroup),Divider,BackTop...原创 2020-04-30 17:40:11 · 471 阅读 · 0 评论 -
FullCalendar 日历插件中文说明文档
详细博客转载 2020-04-16 15:50:57 · 503 阅读 · 0 评论 -
ES6 使用总结
ES6新特性字符串模板 : es5字符串的拼接是用+完成的,es6是``拼接,其中变量引用为${}扩展运算符:两者有相同的对象属性,后者值覆盖前者obj = {...obj1,..obj2};箭头函数: 更改this的指向问题变量提升: let与const注释:const虽然为不可变更的常量,但是当其定义为对象时,可以更改对象的属性值(新的对象)类、super/ext...原创 2019-09-11 17:16:30 · 95 阅读 · 0 评论 -
富文本插件-wangEditor、SweetAlert插件、SweetAlert2插件
wangEditor插件github项目指路wangEditor这个插件可以用于react,vue框架中,也可以用cds引入使用 更多用处参考文档1.用cds引入,首先用script标签引入https://unpkg.com/wangeditor/release/wangEditor.min.js2.在js中new关于某个id元素的window.wangEditor对象,对象设...原创 2019-09-16 14:11:53 · 466 阅读 · 0 评论 -
toastr插件、jquery_lazyload插件
toastr插件文档指路 例子引入js,css<link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js">...原创 2019-09-16 15:47:33 · 116 阅读 · 0 评论 -
bootstrap-multiselect.js插件、chosen插件、clipboard复制插件、layer.photos、lightbox插件相册预览插件学习
bootstrap-multiselect项目引入的js,css<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"><link href="https://cdn.bootcss.com/bootstrap-multise...原创 2019-09-18 11:25:34 · 466 阅读 · 0 评论 -
bootstrap-dialog3插件、jquery.qqface插件、fancybox插件
bootstrap-dialog3官方文档例子引入css,js 注意:一定先引入jq以及bootstrap,这是被依赖项<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script><link href="https://maxcdn.bootstrapcdn.co...原创 2019-09-19 10:30:09 · 196 阅读 · 0 评论 -
smart-zoom图片缩放插件、photoswipe插件
smart-zoom图片缩放插件引入jq和e-smart-zoom-jquery.js代码<div class="imgChange"> <img src="./2.jpg" alt=""></div>$(".imgChange img").smartZoom();效果photoswipe插件引入css,js...原创 2019-09-19 11:17:19 · 587 阅读 · 0 评论 -
daterangepicker插件、autocomplete插件
daterangepicker插件官方文档引入js,css<link href="https://cdn.bootcss.com/bootstrap-daterangepicker/3.0.5/daterangepicker.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/jquery/...原创 2019-09-20 17:42:03 · 142 阅读 · 0 评论 -
React基础知识
网易云入门课程react的特性:组件。jsx。单项数据流。用脚手架 create-react-app(全局安装)创建一个react项目react两个基础库 react核心库和react-dom渲染库 React、ReactDOMReactDOM.render(组件,挂载点)jsx语法,{}解析js和标签解析html。JSX 中不能使用if else语句,但可以使用三元运算...原创 2019-09-25 00:04:10 · 214 阅读 · 0 评论 -
写了个静态的网页-模仿网易云
今天父亲节,正好用它来祝福我爸爸父亲节快乐效果图后面的动态效果是参考妙味里一个学员制作的只贴html+css,因为js有点多,不知道怎么弄上来html<html><head><meta charset="utf-8"><title>miaowei</title><link rel="st...原创 2017-06-18 19:51:38 · 5767 阅读 · 5 评论