- 博客(145)
- 收藏
- 关注
RSS订阅原创 test only
https://drive.google.com/viewer?url=https://www.labnol.org/files/word.docx
2024-03-03 09:48:26
161
3
原创 react 项目 中 使用 Dllplugin 打包优化
把网页依赖的基础模块抽离出来打包到dll文件中，当需要导入的模块存在于某个dll中时，这个模块不再被打包，而是去dll中获取
2023-01-25 17:07:12
576
1
原创 【无标题】草稿草稿草稿
关于Secret对象和ConfigMap对象用来保存明文格式的参数不同，Kubernetes 的 Secret 对象类型是用来保存敏感信息的，这些敏感信息包括：密码、登录凭证、OAuth 令牌和sshkey等。在Secret中可以指定“type=Opaque”，这样secret就会使用通用结构保存key-value对，而不验证其结构的有效性。Secret概述Secret解决了密码、token、秘钥等敏感数据的配置问题，而不需要把这些敏感数据暴露到镜像或者Pod Spec中。Secret.
2022-03-13 22:33:51
4037
原创 webpack的 require.ensure 使用
// 批量导入.md文件import GROUPS from '/';GROUPS.map(item => { return item.component = LOAD_DOCS_MAP["zh-CN"]('zh-CN', item.path) })const LOAD_DOCS_MAP = { 'zh-CN': (lang, path) => { return r => require.ensure([], () => .
2021-08-26 16:32:59
523
原创 递归组件 vue 【关键：组件定义 name】
对于一些有规律的 dom 结构，我们可以通过递归方式来生成这个结构，，那么在 vue 的模板中，我们能不能递归生成dom,答案是肯定的，在 vue 的组件中能够调用自己本身。组件是可以在它们自己的模板中调用自身的。不过它们只能通过name选项来做这件事。https://www.jianshu.com/p/ced0ea9c265ctreeData: { name: "My test Tree", children: [ ..
2021-08-20 14:03:19
318
原创 知识树
认证授权的设计与实现https://www.jianshu.com/p/f7dff317c7ab接口认证方式：Bearer Tokenhttps://www.jianshu.com/p/8f7009456abc
2021-07-28 16:18:08
117
原创 纯前端实现：下载电子书 手机观看
个人需求：在pc下载电子书，在手机上看几个关键步骤：vue-cli搭建项目，配置跨域，实现目标网址的文章截取每篇文章，通过在浏览器中生成文件，无需接触任何服务器。这样我们会得到很多个文件，保存在自己的本地文件夹中。（注意把浏览器的”下载前询问每个文件的保存位置“选项置为否，不然每次都要询问。）function download(filename, text) { var element = document.createElement('a'); element.setAttribute
2021-07-24 20:42:15
254
原创 uniapp
uni-app 使用 vue 的语法+小程序的标签和 API。开发规范组件标签靠近小程序规范接口能力（JS API）靠近微信小程序规范，但需将前缀 wx 替换为 uniflex 布局 在不同的平台表现存在一定差异，推荐统一使用 。目录结构├─static 存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此├─main.js Vue 初始化入口文件├─App.vue 应用配置，用来配置 App 全局样式以及监听 应用生命周期├─manifest.json 配
2021-07-23 16:31:54
136
1
原创 node.js 生成pdf [puppeteer]
const puppeteer = require('puppeteer'); const args = require('minimist')(process.argv.slice(2),{number: ["deviceScaleFactor"],
2021-07-23 14:19:37
738
原创 vuex中的 es6 语法 【举例说明】
介绍<div id="app-2">{{msg}}</div>var app-2 = new Vue({ el:"#app-2", data:{ msg:111 }})v-bind<span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息！</span>你看到的v-bindattribute 被称为指令。指令带有前缀v-，以表示它们是 V...
2021-07-10 22:25:49
203
原创 大文件分片上传
把大文件进行分段 比如2M，发送到服务器携带一个标志，暂时用当前的时间戳，用于标识一个完整的文件服务端保存各段文件浏览器端所有分片上传完成，发送给服务端一个合并文件的请求服务端根据文件标识、类型、各分片顺序进行文件合并删除分片文件
2021-07-01 18:32:44
120
原创 vue [细节点]【动态组件 $attrs】
动态组件什么是动态组件：通过使用保留的 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据 v-bind:is="组件名" 中的组件名去自动匹配组件，如果匹配不到则不显示。改变挂载的组件，只需要修改is指令的值即可。通过标签声明一块区域，并预言这块区域将来会被某个组件通过v-bind:is='componentId'来填充。动态组件通常会结合keep-alive使用.每次去切换 component 的时候，模板（component 中的...
2021-06-27 12:21:56
971
原创 思路速记 待完善
data() { return { list: [ { page: 1, pageConten: [ { tag: "p", content: "根据《中华人民共和国教育法》《中华人民共和国民办教育促进法》等有关法律、法规的规定，甲乙双方遵循平等、自愿、公平、诚实、守信的原则，遵循教育规律和青少年健康成长规律，经协商一致.
2021-06-27 11:18:04
105
原创 node 自动化脚本
在这个进程里：process.stdin.on('data',function(data){})，生成文件内容。之后记得process.stdin.on('end', () => {process.exit()})
2021-06-27 11:03:39
289
原创 update
Vuecli3库模式搭建组件库并发布到npmhttps://juejin.cn/post/6844903687668629518#heading-14实现element-ui的按需引入，按需打包加载https://segmentfault.com/a/1190000015884948#articleHeader1
2021-05-31 11:41:03
95
原创 temp
回到顶部 动画https://www.zhangxinxu.com/wordpress/2016/12/how-use-tween-js-animation-easing/
2021-05-19 15:33:19
91
原创 小程序遇到的一些问题
1.rich-text 不识别换行符 getEnterSymbol(content){ if(content.trim() != ''){ return content.split('\n').reduce((total, cur) => total += `<p>${cur}</p>`) }else{ return '' } }2. 自定义小程序导航栏细节如下：json文件里"navigationStyle"设置..
2021-03-03 20:29:01
168
1
原创 类型转换（下篇）
隐式类型转换+运算符其中一个操作数是字符串的话，会进行连接字符串的操作。1+'2' // '12'需要注意的是如果是+ '42'代表强制类型转化为数字，即42。==下的类型转换
2021-01-25 16:37:01
123
原创 类型转换（上篇）
var a = [1,2,3];var b ={v:1};var c = () => {}console.log(a.toString()) // ‘1,2,3’console.log(b.toString) // "[object Object]"console.log(c.toString) // "()=>{}"— 类型转换 —parsetInt，将结果转换为整数 （进制转换） parseFloat，将结果转换为整数或者浮点数...
2021-01-25 15:58:52
158
原创 关于预渲染 -- 可以获取到调用接口后渲染的页面
预渲染（prerender-spa-plugin），简而言之就是配置路由文件的参数，webpack打包生成html。好处是首屏优化和SEO。本文是为了验证预渲染是否能够获取到调用接口后渲染的页面。about.vue： <div class="about"> <h1>About</h1> {{ msgGet1 }} {{ msgGet2 }} <ul> <router-link t
2021-01-21 14:23:44
515
原创 temp ssr
由服务端请求首屏数据，而不是客户端请求首屏数据，这是“快”的一个主要原因。服务端在内网进行请求，数据响应速度快。客户端在不同网络环境进行数据请求，且外网http请求开销大，导致时间差。服务端渲染是先向后端服务器请求数据，然后生成完整首屏html返回给浏览器；而客户端渲染是等js代码下载、加载、解析完成后再请求数据渲染，等待的过程页面是什么都没有的，就是用户看到的白屏。就是服务端渲染不需要等待js代码下载完成并请求数据，就可以返回一个已有完整数据的首屏页面。SSR的优势1. 更利于SE..
2021-01-21 10:49:04
157
原创 关于vue中的beforeEach 【addRoutes】
目录beforeEachnext方法解析vue-router 动态加载路由实际应用beforeEach全局前置路由守卫，基础用法如下：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})next方法解析在路由守卫中，只有next()是放行，其他的诸如：next('/logon') 、 next(to) 或者 next({ ...to, r
2021-01-20 12:28:35
1424
原创 常学常新之node.js, koa, express
直接看例子吧，我写了一些例子放在github：https://github.com/Adalake/demo-node.js
2021-01-15 19:56:54
86
原创 常学常新之es6
补充了一些之前不太注意到的知识点。const声明的常量只在当前代码块有效。如果想设置跨模块的常量（即跨多个文件），或者说一个值要被多个模块共享，可以采用下面的写法：
2021-01-15 19:31:36
151
3
原创 【虚拟DOM】【key值】 【DOM diff】
目录虚拟DOM操作DOMVDOM建模差量更新DOM diff【判断DOM发生了变化，并找到这个变化】虚拟DOM的优点key值的用处虚拟DOMDOM：将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。VDOM：也叫虚拟DOM，它是仅存于内存中的DOM，因为还未展示到页面中，所以称为VDOM。var a = document.createElement("div");如上，就是一个VDOM。如果让VDOM变成真实的DOM呢？其实很简单，只需
2021-01-08 19:26:45
193
原创 keep-alive
动态组件 is<template> <div> // 按钮，用于切换组件。注意,此时的A为字符串而非变量 <button @click="showWhat = 'A'">showA</button> <button @click="showWhat = 'B'">showB</button> // 动态切换显隐，组件 <component :is="showWhat"&g...
2021-01-07 15:01:19
78
原创 vue-router
—基础—引入的步骤： 0. Vue.use(VueRouter) 安装路由功能定义路由 实例化router路由 挂载到根实例上动态路由：①{ path: '/user/:id', component: User }②this.$router.params.id 声明式 编程式 <router-link :to=“/“bd> router.push(‘/bd’)...
2021-01-07 11:59:20
207
2
原创 http https http2.0
目录HTTP概述HTTP的历史HTTP的基本优化HTTP1.1 对比 HTTP1.0HTTP2.0和HTTP1.X相比的新特性HTTPS与HTTP的一些区别服务器推送是什么HTTP存在的位置HTTP特点HTTP的缺点方法种类GET和POST的区别服务端收到不支持的方法会如何处理HTTP状态码HTTP概述设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法，它是一个基于 TCP/IP 通信协议来传输数据的应用层协议。「HTTP 是
2021-01-05 12:20:31
254
原创 V8垃圾回收机制
前面说到栈内的内存，操作系统会自动进行内存分配和内存释放，而堆中的内存，由js引擎（如Chrome的V8）手动进行释放，当我们的代码没有按照正确的写法时，会使得JS引擎的垃圾回收机制无法正确的对内存进行释放（内存泄露），从而使得浏览器占用的内存不断增加，进而导致JavaScript和应用、操作系统性能下降。
2020-12-18 11:32:06
110
原创 一些css优化
常用的属性整理，直接复用/* 清除浮动 */ .clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;zoom:1;}/* 图片自适应 */ img { max-width: 100%; height: auto; width:auto\9; /* ie8 */ -ms-i
2020-12-02 12:50:27
159
1
原创 日历 fullCalendar 整合农历
功能：1. 把后台返回的可选的节日渲染到日历视图中，即效果图中红色底子的格子。2. 将日期转化为农历渲染。3. 可根据年份选择器、月份选择器、节日选择器、日历视图，跳转到对应的节日。4. 进入该页面时，默认勾选的是离"今天"最近的未来节日，因此在sessionStorage里记录这个格子，在日历初始化的时候渲染出来。即效果图中用黄色边框标记的格子。先上最后的效果图：
2020-11-18 22:35:04
2234
5
原创 vue 路由切换时的过渡动画 监听路由meta参数
先写个标题，回头补上 watch: { $route(to, from) { const toIndex = to.meta.index; const fromIndex = from.meta.index; this.transitionName = toIndex < fromIndex ? "slide-right" : "slide-left"; }, },
2020-11-15 20:55:47
556
原创 开发环境 process.env.NODE_ENV
process.env.NODE_ENV 的作用通过判断这个变量区分开发环境或生产环境。process对象是全局变量，它提供当前node.js的有关信息，以及控制当前node.js的有关进程。因为是全局变量，它对于node应用程序是始终可用的，无需require()。env是process对象的一个属性，这个属性返回包含用户环境信息的对象。在终端输入node后，在输入process.env可以看到打印出来的信息。NODE_ENV不是process.env对象上原有的属性，它是我们自己添加上去
2020-11-15 20:45:53
1019
原创 加载更多 请求下一页 滚动监听
目录点击方式滚动方式2种方式，一种是点击按钮请求下一页，另一种是滚动到底部的时候请求下一页。引入骨架屏优化加载过程中的体验。loading为true时表示加载中，finished为true时表示当前是最后一页。<div v-for="item in articleList" :key="item.aid">{{item}}</div><van-skeleton class="loading_tip" title :row="2" :loading="
2020-11-15 19:59:28
231
1
原创 登录系统 temp
数据库设计：https://www.liaoxuefeng.com/article/1029274073038464原型：https://www.jianshu.com/p/2c7c0b740bdf知乎-大型网站的用户登录系统是如何设计的？https://www.zhihu.com/question/25400195
2020-11-13 13:33:15
142
原创 前端优化 一些细节
在目标图标不能正常载入时，载入备份替代图来提供用户体验。<img src="http://sample.com/img.png" onerror="this.src='http://sample.com/default.png'">
2020-11-12 17:21:07
161
原创 马克 Nuxt.js seo
https://github.com/ChanWahFung/nuxt-juejin-projectcnblogs.com/chanwahfung/p/12899714.htmlseohttps://segmentfault.com/a/1190000019623624 基于vue seo的4种方案
2020-11-08 09:56:02
254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人