11 2022 档案
摘要：实现一种序号的连接线，类似于element-ui组件库里面的时间线组件，在工作中，这种样式的列表经常见到，如下图： 这种列表在vue里面样式的实现，废话不多说，直接上图 这样的列表样式html和css实现如下 ###html: <template> <div class="right-bottom"
阅读全文
摘要：什么是Flex布局 Flex 是 Flexible Box 的缩写 flex 布局表示弹性布局，可以为盒状模型提供最大的灵活性。 适用范围 任何一种元素都可以指定为 flex 布局 `.wrap{ display:flex; }` 行内元素也可以使用 Flex 布局。 `.box{ display:
阅读全文
摘要：Flex 布局教程：语法篇 转载自： 阮一峰的网络日志 Flex 布局教程：语法篇 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实
阅读全文
摘要：vue2 和 vue3 vscode 用户代码片段配置，个人编辑版本 { "Print to console": { "prefix": "vue2", "body": [ "<!-- $1 -->", "<template>", " <div class=\"$2\">$5</div>", "</
阅读全文
摘要：2022 年了，我才开始学 TypeScript ，晚吗？（7.5k字总结） 前言 其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。 尽管在某些间歇性踌躇满志的时刻，我也会上 X 站搜索 t
阅读全文
摘要：不一样的 TypeScript 入门手册 前言 文章篇幅比较长，可以点击关注/点赞，进行收藏，方便后续阅读！ TypeScript是大势所趋，也是现在大厂必备技能，作为前端我们要与时俱进，此时不学，更待何时。 这篇文章可能不太适合 TS 纯小白，需要你对 TS 有一定的了解，这样的话，食用起来味道更
阅读全文
摘要：李帆，web高级前端开发工程师，河工毕业，五年web实战开发经验，对JavaScript有着独特的见解，对Vue、React、uni-app，小程序等 有着独到的研究 挫折时，要像大树一样，被砍了，还能再长；也要像杂草一样，虽让人践踏，但还能勇敢地活下去。 视野所及，唯有前端。无vue，不前端！
阅读全文
摘要：回流和重绘 页面回流与页面重绘的定义 DOM Tree 和样式结构体组合后构建render tree。一旦render tree构建完成，浏览器就会根据render tree来进行页面的绘制。 页面回流：当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而引起的页面重新
阅读全文
摘要：sessionStorage 的使用注意事项 https://www.jianshu.com/p/a2cf20903874 基本使用 sessionStorage.setItem( key, value); 不能将对象、数组等格式的数据作为 value 进行存储： 如果存储对象、数组等格式的数据，需
阅读全文
摘要：ie中解决primose报错问题 // Promise (function(t){function z(){for(var a=0;a<g.length;a++)g[a][0](g[a][1]);g=[];m=!1}function n(a,b){g.push([a,b]);m||(m=!0,A(z
阅读全文
摘要：js 如何一次性删除数组中的多个元素？ https://www.cnblogs.com/ouchen0312/p/7798096.html 用for循环或者forEach遍历数组的话，在方法体内部splice都得不到正确的结果，解决方法是使用逆向循环 方法一，用 filter var arr = [
阅读全文
摘要：arr.reduce var list = arr.reduce(function (total,level0) { level0.subTagList.forEach(function (level1) { level1.subTagList.forEach(function (level2) {
阅读全文
摘要：Web安全之CSRF攻击 - 海角在眼前 - 博客园 (cnblogs.com) https://www.cnblogs.com/lovesong/p/5233195.html
阅读全文
摘要：vue 组件销毁并重置 (可用来解决某些情况写组件数据未重新渲染或者渲染后导致视图出现bug问题) 方法1 当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题 <template> <third-comp v-if="reFresh"/> </t
阅读全文
摘要：jquery设置texteare字数限制 方法一 <html> <head> <title> jquery完美实现textarea输入框限制字数</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" />
阅读全文
摘要：从输入URL到页面加载发生了什么 大体过程 1、浏览器的地址栏输入URL并按下回车 2、浏览器检查当前URL是否存在缓存，并比较缓存是否过期 3、DNS解析URL对应的IP 4、根据IP建立TCP连接（三次握手） 5、HTTP发起请求 6、服务器处理请求，浏览器接收HTTP响应 7、渲染页面，构建D
阅读全文
摘要：JS实现数组去重（重复的元素只保留一个） 1.遍历数组法 它是最简单的数组去重方法（indexOf方法） 实现思路：新建一个数组，遍历去要重的数组，当值不在新数组的时候（indexOf为-1）就加入该新数组中； var arr=[2,8,5,0,5,2,6,7,2]; function unique
阅读全文
摘要：小程序promise封装 // ajax promise封装 const requestFetch = (url, method, param) => { // 一个页面中可能会发送多个请求，ajaxTimes记载同时发送异步请求代码的次数，目的是为了在请求数据都完成后再消除加载框 let ajax
阅读全文
摘要：js-Date扩展format()函数--处理时间字符串格式 const formatNumber = n => { n = n.toString() return n[1] ? n : `0${n}` } 处理月份和天的日期字符串，就是个位数前面加0的截取处理，或者两位数的截取处理 ('0' +
阅读全文
摘要：防抖和节流是针对响应跟不上触发频率这类问题的两种解决方案。 在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 如果事件的回调函数较为复杂，就会导
阅读全文
摘要：父组件： :floorPlanShow.sync="floorPlanShow" 子组件： props: ["floorPlanShow"]; this.$emit("update:floorPlanShow", true); 阻止冒泡和捕获 @click.stop.capture
阅读全文
摘要：解析url ？ 之后的参数 方法1： getUrlParam: function () { // 解析路由？之后的字符串 var querystring = location.search.substr(1); // querystring => 'id=8&name=zhangsan' var p
阅读全文
摘要：自从node这一运行在服务端的 JavaScript横空出世以后，赋予了前端开发工程师强大的力量。文件I/O操作，连数据库写接口接口等等。我在刚开始学习的node的时候，尝试着爬了一个比较小的相亲网站2000多条交友信息，包括网名，年龄，图片，学历，工资等。今天在网上看了一个关于用Python爬取世
阅读全文
摘要：致我们回去不去的小时候 是不是一个人太久了 总觉得时间在翻倍的过 我不知道自己在找什么 只觉得丢了很多 星星还是那颗星星 但被霾遮住了光明 我怀念狗屁不通的光阴 最初的节奏你听 （二八二五六 二八二五七 二八二九三十一 三八三五六 三八三五七 三八三九四十一） 你知道我有多想回到老家活泥巴 再邀子那
阅读全文
摘要：那些美好的良言 你总会遇到一个人，她能让你走过万丈深渊，能让你看到远方辽阔，能让你知道，原来这个世界上，真的会有你愿意去一心一意守护的人。 世界上美好的东西不太多,立秋傍晚从河对岸吹来的风, 和二十来岁笑起来要人命的你。 <!-- **********************************
阅读全文
摘要：谷歌浏览器和IE浏览器下隐藏 滚动条的方法 谷歌浏览器 &::-webkit-scrollbar { display: none; } ie浏览器 /*IE10,IE11,IE12*/ .scroll_content{ -ms-scroll-chaining: chained; -ms-overfl
阅读全文
摘要：为情所伤是一种成长 为情所伤是一种成长。 人们不相信爱情，无非是失望于自私、冷血、贪婪，喜新厌旧的人性。我们不必为虚情假意的人难过，因为那不是自己的同路人。既然不能强求每个人都对感情付出真心，那么我们就先去做那个不计得失认真去爱的人，起码在这个凉薄的世界，让人看到真心尚存，让追爱的人永远不会觉得自己
阅读全文
摘要：响应式原理 Vue2 使用的是 Object.defineProperty Vue3 使用的是 Proxy 2.0的不足 对象只能劫持 设置好的数据，新增的数据需要Vue.Set(xxx) 数组只能操作七种方法，修改某一项值无法劫持。 export const reactive = <T exten
阅读全文
