- 博客(38)
- 收藏
- 关注
RSS订阅原创 TailwindCSS使用并开启JIT（vue2）
前提vue2工程不要安装官网最新版，因为vue2还不支持init 配置这样根目录多了两个文件tailwind.config.js和postcss.config.js重启项目npm run serve这样基本上就开就可以用常规的那些类名来设置样式了，例如 m-20, p-200 ,text-200等。修改tailwind.config.js设置mode,和purge(文件的监控范围）修改package.json的scripts指令加入 cross-env TAILWIND_MODE=wat
2023-10-23 11:34:30
585
原创 IndexedDB 增改查删的封装
IndexedDB的兼容性问题对于2023年来说，已经不是什么大问题了。作为浏览器缓存武器库的强大一员，它的存储容量大（可达250m以上，根据设备性能适应）、异步读取速度快等特点让其独具魅力。3、用户个性化数据的存储，例如B端系统表格根据个人勾选的个性显示列信息，往往表格很多，此类个性化信息也比较多。上面代码是chatGTP3.5生成的，我小改动了一下，不得不说，时代真的是变了。1、localStorage最大只能存5m，超出5M你就得考虑IndexedDB。
2023-03-28 19:53:00
166
原创 大文件分片上传、断点续传（附带前后端demo）
大文件上传，断点续传，秒传，作为高频考察的技术点，大多数人都是知其然而不知其所以然，下面我们从前后端一起的角度来探究一番，相信只要你肯花一点时间认真地理解它，你就会发现你花了一些时间。。。
2023-03-23 14:08:14
466
原创 Promise.all 实现监听几个异步操作（例如：请求）都执行完毕
Promise.all文档地址场景：一个商品table,需要批量改变商品的状态为已下架，刚好后端没有批量修改的接口，需求前端批量调用改变单个商品状态的接口，而且改变状态会受到其他字段的影响，可能会出现改变失败的情况。现在需要把改变状态失败的商品和原因提示给用户。解决思路： 通过Promise.all 监听所有请求，并在所有请求结束后做操作。代码：// 模拟axios请求function postHello(params){ return new Promise((reject,resolv
2021-09-30 11:30:32
1924
2
原创 css-关于图片的相关样式代码
图片展示模式object-fit:fill | contain | cover | none | scale-downcontain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。fill被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与
2021-05-07 17:58:50
243
原创 纯js实现图片压缩上传
// 上传前压缩 zipImg(oldimg){ return new Promise(resolve =>{ let that = this let canvas = document.createElement('canvas'); let context = canvas.getContext('2d'); let img = new Image(); img.src = oldimg.path uni.getImageI
2021-05-07 17:48:40
264
原创 js原理：闭包（理解闭包要先从基础知识开始）
序：很多人在面试被问到闭包时，都是回答闭包就是函数包着函数，闭包里的变量不会被销毁而云云等等。并且有很常多初学者都困惑为什么经常被问闭包？好像工作中也不常用到啊。其实问闭包就是要考你的基础扎不扎实，闭包也经常会用到，只是现在很多框架都封装好了，不需要我们直接去建闭包函数了。几个基础概念的理解执行环境（execution context)，又称执行上下文，（js高级程序设计书中也称为作用域），指变量或函数执行操作的区域（执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个
2021-02-20 09:53:09
163
原创 js原理：彻底弄懂原型、原型链、原型对象、继承
假设，在你面前只有一门伟大的JavaScript语言，一个项目立项，没有任何一行代码，JavaScript的库世界仍然是空白的，你需要用原生的JavaScript代码一行一行搭建一个网站。首先你需要创造第一个对象。（在以类为中心的面向对象编程语言中，类和对象的关系可以想象成铸模和铸件的关系，对象总是从类中创建而来。而在原型编程的思想中，类并不是必需的，对象未必需要从类中创建而来，一个对象是通过克隆另外一个对象所得到的）关键字是克隆，你的项目目前还是一片荒芜，那你从哪里去拿东西来克隆作为你的第一个对象呢
2021-02-18 18:09:34
290
原创 vue-cli出现Invalid Host header（frp映射时）
场景最近和微信交互，调试时需要映射一个域名给微信回调（ip不行）遂用了frp内网穿透来映射出去结果报了这个错Invalid Host/Origin header原因：新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。解决方案在根目录下创建文件vue.config.js，然后填入如下内容module.exports = { devServer: { disableHostCheck: t
2020-07-21 10:16:42
1152
原创 前端 题
vue1、data() 为何一定是函数为了每个组件实例都有自己的作用域，每个实例相互独立，不会相互影响类别引用数据类型Object是引用数据类型，如果不用function返回，每个组件的data都是内存的同一个地址，一个数据改变了其他也改变了；JavaScript只有函数构成作用域(注意理解作用域，只有函数{}构成作用域,对象的{}以及if(){}都不构成作用域),data是一个函数时，...
2020-07-11 13:32:11
309
转载 VSCode 利用 Snippets 设置超实用的代码块（转载）
VSCode 利用 Snippets 设置超实用的代码块https://juejin.im/post/5d0496415188257fff23b077
2020-07-07 10:34:55
1200
原创 vue基础：axios导出/下载表格文件（带权限，带参数）
思路配置响应类型为：responseType: ‘blob’将blob对象转换为url创建一a标签，将其href设置为转换后的url，点击下载后，删除a标签实现代码exportExecl () { // 添加参数 // this.params = {p1:'ttt',name:'ert'} let paramsStr = '' for(let key in this.params){ if(key != 'size' && key != 'p
2020-05-14 09:58:43
608
原创 mpvue开发小程序笔记
运行npm inpm run dev小程序开发者工具开发此项目目录（是根目录，不是dist）添加页面page 添加文件夹 test添加文件index.vue<template> <div class="fixCenter">测试 <span>dflfjfdlgjlgfdjsdljfldgjfdld</span>...
2020-04-13 11:22:45
152
5
原创 简化版的vue-router(vue源码）
实现一个简化版的vue-router - 龙玥的文章 - 知乎https://zhuanlan.zhihu.com/p/47331073在知乎发现一个不错的文章，分享给你们，也顺便做个笔记，是时候开始逐步进入源码的学习了。。...
2020-03-30 14:50:21
178
原创 vue-cli搭建自动化多页面项目（vue高阶）
序：我接下来写的vue项目高阶操作文章，每篇都按照需求分析+操作的模式来写。需求分析：大家都知道vue主要是用于搭建 单页Web应用（single page web application，SPA），根据实践，需要多页面的场景有以下几种：首屏优化，这是SPA应用的固有的问题，（后面会用一章专门讲这个），而利用多页面就是将首屏（登录页等）独立出来一个html，首次加载时只加载这个依赖很少的...
2020-03-27 09:11:30
1105
原创 vue-cli 创建项目选项详解（vue基础）
? Check the features needed for your project: (Press to select, to toggle all, to invert selection)( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀....
2020-03-22 10:21:02
3893
1
原创 兼容ie8的多选下拉选择框
说下写这个东东的原因：最近要写一个兼容ie8的项目，我一出来工作就是数据驱动的框架了。所以对不支持vue的ie8.真的是脑壳疼。最后考察了一番，决定使用 layui这个官网宣城兼容人类正在使用的全部浏览器（IE6/7除外）的Ui刚开始用着，好像也是挺香的，相对于其他兼容ie8的ui,各方面都好很多。慢慢的，蛋疼的时候来了，就是layui的多选下拉对ie8不支持。接着，就开始百度各...
2020-02-29 19:19:00
1247
1
原创 js 根据n年第n周，获取此周的开始和结束日期
// 第n年的第n周，获取开始和结束时间 （星期一为一周的开始）function week_date(weekstr){ let year = weekstr.split("-")[0] let weekNo = weekstr.split("-")[1] // 此年1号是星期几 let oneday = new Date(year+'-01-01')....
2020-02-06 19:58:00
884
原创 电脑日常使用指南（电脑的正确使用姿势）
前言。。。这个针对于各位总想着为电脑更新换代但是却被钱包余额一次又一次地驳回的广大平凡又可爱的劳动人民为了解救我们于中低端机各种卡死或龟速反应等问题土豪请绕路。。更改存储位置，释放系统盘活力说明：系统盘必须要有足够的空间运转系统和进行一些环境的读取。然而前期留足空间并不足够，因为好多软件的安装需要在系统盘进行一些配置文件的存储，或者直接不允许自定义安装路径。因此，我们就会发现系...
2020-01-30 17:26:00
505
原创 nginx 部署前端项目（vue）
前提：安装好nginx打开nginx目录，一般是（/usr/local/nginx）npm run build 打好vue包 一般放到（/usr/local/nginx/html/）目录下配置：nginx打开（/usr/local/nginx/conf）目录新建一个 xxx.conf 文件，写入：server { listen ...
2019-12-20 00:18:00
258
原创 js最简洁的时间对象转成时间字符串的方法
getTimestr(val){ let temp = val.toLocaleString() if(temp.match(/[\u4e00-\u9fa5]/g)[0]=="上"){ temp = temp.replace(/[\u4e00-\u9fa5]/g,"") ...
2019-11-27 15:10:00
729
原创 常用css模板
段落超出显示省略号（可单行多行） .p-content{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }解...
2019-06-27 13:54:00
250
1
原创 前端面试笔记
常见项目难点:1.定时器的清除 ``部分动画效果需要js自动生成，时间的控制使用了timeout和innertal，其中timerout包含了innertal，点击事件和定时器不在同一个js文件中，快速来回点击的时候，定时器清除不起作用。 ``解决方案：将该li对应页的所有定时器绑定在该li身上，每次点击的时候清除timeout和innertal。2.带阴影...
2019-03-09 22:57:00
152
原创 js灵活处理日期（函实例）
基础方法：var dd = new Date()dd.getFullYear()dd.getMonth()dd.getDate()dd.getDay() //获取星期几（0~6）dd.getTime()进阶方法：new Date(2019,01,0).getDate() //获取2019年1月的天数new Date(2019,1-1,1) //获取2019年一...
2019-01-26 16:12:00
76
原创 rem布局注意问题和meta标签
使用rem前的准备：如果是移动端，添加name="viewport"的meta标签，其中的属性数值根据实际需求而定： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">rem布局：两个常用方法：（视情况选...
2018-12-14 11:49:00
237
原创 js Date对象要注意的问题（时间转换）
1、时间戳和时间对象可以灵活转变：let n = new Date() // 返回的是当前时间对应的国际时间let nt =n.getTime()let n2 =new Date(nt)console.log(n,nt,n2)输出为当前时间和时间戳：Date2018-12-06T06:41:56.217Z1544078516...
2018-12-06 15:05:00
185
原创 vue 与原生app的对接交互（混合开发）
小伙伴们在用vue开发h5项目特别是移动端的项目，很多都是打包后挂载在原生APP上的，那就少不了与原生交互了，我最近就是在坐这个，踩了一些坑，拿出来给大家分享下。0.通过url传输数据：（一般是在入口页面传下app的用户信息进来供vue h5使用） 1 methods: { 2 // 接收url后的数据 3 urltex...
2018-11-27 23:49:00
610
原创 vue 3.0使用 BUG解决
最近在做vue的项目，吊进了很多坑，这些坑很浅，但一旦掉进去了，不花点功夫还爬不出来。所以总结下，当做下笔记，持续更新1.<router-link> 里加的事件没反应错误代码：<p class="select"><router-link to="/weican2" @click="this.affirm">确定选择</router...
2018-10-29 14:12:00
539
原创 vue 2.0 购物车功能实现详解（根据慕课网视频）
思路：通过VueResource获取后台数据，浏览器控制台调试是否获取成功，用钩子函数mounted，确保当所有DOM挂载在页面上时，再请求写好页面布局，设置接口，通过v-for实现页面渲染通过filters过滤器实现渲染的数据格式化实现商品数量加减功能（通过判断函数传参【-1,1】即可快速做到），同时控制数量最小只能减到1实现选择商品功能，$set添加一个属性记录商品是否被选中状态，...
2018-09-22 21:24:21
1080
原创 js面试知识点
9-17：js dom节点操作：//速记：getElementById(“div1”) //找createElement(“p”) //建appendChild(para) //加removeChild(child) //删replaceChild(newnode,oldnode) //换cloneNode(true) //克隆.innerHTML= //改内容....
2018-09-20 23:19:35
1066
原创 面试项目介绍
洋葱OMALL APP ：整个项目主要用vue来搭建的，用vue-router实现底部导航等页面跳转功能，然后购物车信息，货物数量，秒杀时间段等数据用vuex储存，各个页面又分为多个父组件和子组件，用props,$emit方法来进行数据通讯。买货页 消息和分享的ui图标是我做的，调用后端接口，实现分享功能。搜索点进去立马就会发送一个ajax请求，将历史和热门搜索返回到下面的两个div中......
2018-09-17 12:09:31
8697
4
原创 js 倒计时
html:<span id="hour"></span>:<span id ='min'></span>:<span id='sec'></span>js:class CounterDown{ constructor(year,month,day,hour,min,sec){// Date(
2018-09-15 11:30:39
162
原创 python进程与线程，同步与异步，并行并发
进程：（参考文章）https://blog.csdn.net/u014556057/article/details/61616902进程类 代码，可做模板from multiprocessing import Process,Poolimport osimport timeclass Myprocess(Process): def __init__(self,wTime)...
2018-09-06 12:04:09
983
原创 Django 接口
Django接口：配置好IP，端口(命令行）： python manage.py runserver 0.0.0.0:8000配置好安全设置（settings.py）： # ALLOWED_HOSTS是为了限定请求中的host值,以防止黑客构造包来发送请求.只有在列表中的host(主机，通过域名映射）才能访问.强烈建议不要使用*通配符去配置, # 另外当DEBUG设置为Fal...
2018-09-06 11:47:03
671
原创 pandas 数据处理过程（入门）
拉钩网数据分析（薪酬篇）：import pymongo import pandas as pd import numpy as npmongodb 连接con = pymongo.MongoClient(‘localhost’) db = con[‘数据库名’] position = db[‘表名’]转成DataFramedata = pd.DataFrame(...
2018-08-06 20:39:21
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人