技术开发分享录
你不知道的 CSS filter 神奇用途

## 背景 ### 基本概念 CSS filter 属性将模糊或颜色偏移等图形效果应用于元素形成滤镜,滤镜通常用于调整图像,背景和边框的渲染。它的值可以为 `filter` 函数 `<filter-function>` 或使用 `url` 添加的svg滤镜。 ```css fil...

webStyle_虎_ 2021-07-27 13:30 19 css
node版本管理工具 - nvm

## - 下载地址 https://github.com/coreybutler/nvm-windows/releases ## - 安装 1. 双击安装 2. 选择nvm安装路径 3. 选择nodejs 路径 4. 确认安装 打开cmd, 输入【nvm】,安装成功则如下显示 ![im...

soumns╰ 2021-07-27 09:22 15
webpack require.context 批量导入

## vue 3.0 + webpack 4.1 ``` function importAllComp (requireComponent) { requireComponent.keys().forEach((key) => { // 获取组件配置 ...

soumns╰ 2021-07-26 09:08 17
webpack require.context实现批量导入功能

在我们项目开发中,经常需要`import`或者`export`各种模块,那么有没有什么办法可以简化这种引入或者导出操作呢?答案是肯定的,下面就为大家介绍一下`require.context` 我们会这样引入组件: ``` import A from 'components/A' ...

webStyle_虎_ 2021-07-23 10:47 51 webpack
input 如何监听输入中文

## input 组合事件 `compositionEvent` 组合事件是拆分了不同步骤的事件的组合,是由 `compositionStart`,`compositionUpdate` 和 `compositionEnd`三个事件组合而成。 Start 和 End 事件只执行一次,Update...

webStyle_虎_ 2021-07-22 18:00 32 前端
走进chrome内心,了解V8引擎是如何工作的

## V8是什么 在深入了解一件事物之前,首先要知道它是什么。 V8是一个由Google开源的采用C++编写的高性能JavaScript和WebAssembly引擎,应用在 Chrome和Node.js等中。它实现了ECMAScript和WebAssembly,运行在Windows 7及以上、m...

webStyle_虎_ 2021-07-19 21:03 27 浏览器
递归生成部门树节点

``` // 生成部门树 function generateDepartmentTree(data, htmlArr) { data.forEach(function(item) { htmlArr.push(`<li> <spa...

webStyle_虎_ 2021-07-12 16:03 61
nginx https代理调试

代理配置 ```nginx location / { proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_pass https://1...

webStyle_虎_ 2021-07-02 18:37 60 nginx
nginx报https protocol requires SSL support解决

遇到这个问题,往往都是配置https导致的 ```nginx location /a/b/c { proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; ...

webStyle_虎_ 2021-07-01 17:30 47
微信小程序传参的几种方式

## 一、navigator标签url ```html <navigator url='../index/index?id=1&name=tom'></navigator> ``` ## 二、navigateTo方法 ``` wx.na...

webStyle_虎_ 2021-06-29 10:20 63 小程序
微信小程序监听滚动

## 一、页面级滚动 ``` Page({ onPageScroll(e) { console.log(e) } }) ``` ## 二、视图级滚动 ```html <view bindtouchstart="touchStart" b...

webStyle_虎_ 2021-06-28 15:50 61 小程序
孤独的人是可耻的,圈子纯净的女大学生交友软件你玩过吗?

 本人40+,工作关系经常出差,在外地没什么朋友可以叫出来,人在孤独久了以后慢慢会变得麻木,不再介意提及自己的孤独,学会美化孤独,有时甚至觉得很享受……但无数个夜深人静午夜梦回辗转反侧之际,你自己知道,孤独,是多么的寂寞冷。   ![image.png](/images/articles/imag...

佚名 2021-06-28 14:12 213 php css 交友
微信小程序使用iconfont图标

## 一、项目设置勾选Base64 ![image.png](/images/notes/image20210626223712.png) ## 二、选择Font Class查看在线链接 ![image.png](/images/notes/image20210626223745.png) ...

webStyle_虎_ 2021-06-26 22:40 56
ES6解构赋值技巧

## 内置对象 ``` // 例一 let { log, sin, cos } = Math; // 例二 const { log } = console; log('hello') // hello ``` ## 数组 ``` let [x, y] = [1, 2, 3];...

webStyle_虎_ 2021-06-25 14:26 73 javascript
ES6 set基本用法

ES6 提供了新的数据结构 `Set`。它类似于数组,但是**成员的值都是唯一的**,没有重复的值。 `Set`本身是一个构造函数,用来生成 Set 数据结构。 ``` const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.a...

webStyle_虎_ 2021-06-24 15:11 65 javascript
curl get和post请求

## get请求 ``` $ curl https://xxx.com/api/token?username=xxx&password=xxx&expiration=60 ``` 跳过https签名证书验证 ``` $ curl -k https://xxx.com/api/t...

webStyle_虎_ 2021-06-23 16:02 76 curl
ES6与ES5对数组空位是如何处理的?

数组的空位指,数组的某一个位置没有任何值。比如,`Array`构造函数返回的数组都是空位。 ``` Array(3) // [, , ,] ``` 上面代码中,Array(3)返回一个具有 3 个空位的数组。 注意,空位不是`undefined`,一个位置的值等于`undefined`,依然是...

webStyle_虎_ 2021-06-23 13:46 58 javascript
社交软件交(liao)友(mei/han)指南:“Q+” 现代年轻人都用的高质约聊

老板给了一个任务,三天体验,一周玩透一款社交软件,平时玩的app不说多也绝不算少,什么soul 即刻 积目 uki,90 后作为活在互联网里的一代,对于社交真的很有话说! 我个人来讲,不想要乌烟瘴气的广告,不想要引起对立的骂仗,不想要一眼假的照片,以及我们真的真的想要一个能疏解压力的小天地。(90...

幸福不会缺席 2021-06-21 09:37 87 交友
vue3.x对于vue2.x有哪些性能提升?

## 一、响应式升级 1. vue2.x 中响应式系统的核心是 `Object.definePropertry` 2. vue3.x 中使用 `Proxy` 对象重写响应式系统 ### Proxy优势 - 可以一次性监听所有属性 - 可以监听动态新增的属性 - 可以监听删除的属性 - 可以监听...

webStyle_虎_ 2021-06-10 10:12 102 vue
vue3.x项目构建

## 构建注意 - 需要高版本的 `nodejs`,低版本的会报错,可以选择 `12.x` 版本的 `nodejs` - vue3.x不支持IE11,有浏览器要求的要注意 - vue3.x有些功能处理实验阶段,切忌在项目中直接使用,如:`<script setup></scrip...

webStyle_虎_ 2021-06-04 18:11 132 vue
{{ v.title }}

{{ v.content }}

{{ v.nickname }} {{ formatTime(v.create_time) }} {{ v.read_num }} {{ formatTag(v2) }}