javascript
关注
分享
扫一扫
痞子泰
不要用战术的努力来掩盖战略的失误
展开
-
Vue2 $set 与 set
vue2 的 set 与 $set 分析原创 2022-04-02 12:51:44 · 1691 阅读 · 0 评论 -
vue nextTick的解读 v2.6.14
Vue 2.6 nextTick解读原创 2022-04-01 20:32:08 · 1234 阅读 · 0 评论 -
react18 新特性 useTransition
react 18环境说明脚手架安装 create-react-appnpm install -g create-react-appcreate-react-app demo-react环境配置将 package.json 里面的 "dependencies" 下面 react 的版本由稳定版 rea17 切换为 18beta版本切换命令npm uninstall react react-dom --savenpm install react@beta react-dom@原创 2022-03-23 15:44:14 · 7159 阅读 · 0 评论 -
前端-库-学习 水印相关库
目录[TOC]1. 图片加水印使用的库：[watermarkjs](https://www.npmjs.com/package/watermarkjs)项目中使用安装# install via npm$ npm install watermarkjs# install via bower$ bower install watermarkjs使用给 `photo.jpg` 增加水印 `logo.png`。// watermark by local pa..原创 2021-03-24 15:59:56 · 299 阅读 · 0 评论 -
echarts 饼图 默认高亮某一项 画圆 富文本
文章目录背景开发搭建环境-vue引入echarts编码总结背景完成下面这幅图，默认高亮第一项，可交互；使用vue + echarts完成开发搭建环境-vue使用 vue-cli 搭建vue基本环境，然后按照echarts库，如下：yarn add echarts引入echartsimport echarts from 'echarts'Vue.prototype.$echa...原创 2020-02-22 17:00:21 · 776 阅读 · 0 评论 -
PC上 JS调用系统的摄像头上传用户的头像
文章目录背景代码用户许可背景在各个PC系统中都有用户头像修改的功能，在PC上我们可以直接调用摄像头进行拍照，然后处理好的用户头像。代码<!DOCTYPE html><html lang="en"><head> <style> * { margin: 0; padding: 0; } <...原创 2020-01-09 17:15:21 · 398 阅读 · 0 评论 -
vue-echarts使用总结
文章目录环境介绍使用一些配置的总结图的边距问题工具箱折线图分段不同颜色注意点：环境介绍名称版本vue2.6.10@vue/cli4.0.5vue-echarts4.0.4使用引入vue-echarts相应的模块：例如：import ECharts from "vue-echarts";import "echarts/lib/chart/lin...原创 2019-12-08 21:34:47 · 332 阅读 · 0 评论 -
cookie warning
目录文章目录问题解决问题chrome浏览器下面报以下警告：A cookie associated with a cross-site resource at was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site request...原创 2019-11-21 09:12:57 · 428 阅读 · 0 评论 -
浏览器console学习汇总
文章目录console下方法学习汇总思维导图console.logdemo参考资料：console下方法学习汇总思维导图console.log当多人协作开发一个项目的时候可以自定义每个人的打印，便于快速的发现自己的问题；用法： 第一个参数是字符串，以%c 开头接加上文案，第二个参数也是字符串，内容写css就好了democonsole.log('%c 张三的输...原创 2019-11-20 16:10:23 · 210 阅读 · 0 评论 -
性能优化snippets
文章目录工具使用performancelighthouse工具使用performance使用chrome开发者工具中的performance面板解决性能瓶颈lighthouselighthouse原创 2019-11-07 16:43:02 · 320 阅读 · 0 评论 -
可能是最全的 “文本溢出截断省略” 方案合集
文章目录引言先来点基础的，单行文本溢出省略核心 CSS 语句优点短板Demo示例图片进阶一下，多行文本溢出省略（按行数）纯 CSS 实现方案核心 CSS 语句优点短板适用场景Demo示例图片基于 JavaScript 的实现方案优点短板适用场景Demo再进阶一步，多行文本溢出省略（按高度）多行文本溢出不显示省略号核心 CSS 语句优点短板适用场景Demo示例图片伪元素 + 定位实现多行省略核心 C...转载 2019-11-07 12:23:48 · 361 阅读 · 0 评论 -
JS 打开新窗口
文章目录业务场景情景1html实现js实现方式一方式二方式三情景2html实现js实现方式一方式二情景3js实现方式一参考资料业务场景 在前端开发过程中常常会遇到这样的业务场景：情景1：点击某个导航菜单在当前页面进行跳转情景2：点击某个导航菜单在当前窗口打开新的TAB页情景3：点击某个导航菜单后打开新的窗口情景1实现这个业务场景又分为2种实现：html实现<a...原创 2019-11-06 16:25:11 · 911 阅读 · 0 评论 -
js新框架 svelte
文章目录svelte框架介绍参考svelte框架介绍简介：Svelte是一个客户端/服务器框架，它可以在构建时预先呈现JavaScript，并且可以改变我们开发的方式。特点：Write less code使用我们熟悉的HTML, CSS and JavaScript构建无模板组件No virtual DOMSvelte把你的代码编译成很小的、没有框架的普通JS——你的应用程...原创 2019-11-06 14:40:06 · 994 阅读 · 0 评论 -
javascript 宏任务与微任务的解读 eventLoop
文章目录引言宏任务与微任务涉及的概念代码分析常见宏任务与微任务宏任务微任务参考文章引言 在日常开发中我们经常会碰到需要setTimeout作为定时器，Promise作为解决回调hell的方法，有时面试的时候会碰到下面这样的面试题：// 请将下面这段代码的执行结果写出来console.log('test start');setTimeout(function()...原创 2019-11-05 21:20:04 · 341 阅读 · 1 评论 -
js 根据ip区间段生成指定数量的ip及合法性校验
需求根据IP区间段字符串生成指定数量的ip检验手动输入的ip是否在指定的ip区间段中；原创 2019-10-24 09:47:09 · 807 阅读 · 0 评论 -
js 浮点数四则运算精度问题
js 浮点数四则运算精确到问题四则运算hello，在我们平时使用javascript进行开发的过程中难免会使用到四则运算，但是经常会发现这么一个问题0.1 + 0.2，其结果应该是多少呢，大家不妨在浏览器调试工具的console里面测试一下，这也很多面试过程中会遇到的问题为什么会这样呢其实对于浮点数的四则运算，几乎所有的编程语言都会有类似精度误差的问题，只不过在 C++/C#/Java 这...原创 2019-10-23 21:34:04 · 440 阅读 · 0 评论