- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
7016
原创 前端-库-学习 水印相关库
目录[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
257
翻译 content-visibility 新的css属性，可显著提升渲染性能
content-visibility 新的css属性，可显著提升渲染性能译文：原文链接：https://web.dev/content-visibility/本文介绍CSS的新属性 content-visibility ，这个属性可以显著提升渲染性能。Chromium 85 开始有了 content-visibility 属性，这可能是对于提升页面加载性能提升最有效的CSS属性，content-visibility 让用户代理正常情况下跳过元素渲染工作（包括 layout 和 paint
2021-01-07 17:03:18
5270
原创 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
727
原创 PC上 JS调用系统的摄像头上传用户的头像
文章目录背景代码用户许可背景在各个PC系统中都有用户头像修改的功能，在PC上我们可以直接调用摄像头进行拍照，然后处理好的用户头像。代码<!DOCTYPE html><html lang="en"><head> <style> * { margin: 0; padding: 0; } <...
2020-01-09 17:15:21
374
原创 三维学习系列1-paraview
文章目录软件安装软件使用模型下载模型使用添加坐标刻度参考文献简介： ParaView是一款开源、跨平台数据分析和可视化软件软件安装ParaView 下载地址：https://www.paraview.org/download/下载下图红色框框的软件：按照安装指南一步步安装即可；安装目录会有以下几个文件夹：|--bin|--doc|--examples|--materia...
2019-12-10 14:33:04
1822
原创 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
272
原创 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
358
原创 浏览器console学习汇总
文章目录console下方法学习汇总思维导图console.logdemo参考资料：console下方法学习汇总思维导图console.log当多人协作开发一个项目的时候可以自定义每个人的打印，便于快速的发现自己的问题；用法： 第一个参数是字符串，以%c 开头接加上文案，第二个参数也是字符串，内容写css就好了democonsole.log('%c 张三的输...
2019-11-20 16:10:23
176
原创 css3学习手册思维导图
文章目录css3学习手册思维导图css3学习手册思维导图参考资料：http://css.doyoe.com/CSS三：CSS的三种引入方式css的优先级 和 权重
2019-11-19 15:35:09
161
原创 性能优化snippets
文章目录工具使用performancelighthouse工具使用performance使用chrome开发者工具中的performance面板解决性能瓶颈lighthouselighthouse
2019-11-07 16:43:02
285
转载 可能是最全的 “文本溢出截断省略” 方案合集
文章目录引言先来点基础的，单行文本溢出省略核心 CSS 语句优点短板Demo示例图片进阶一下，多行文本溢出省略（按行数）纯 CSS 实现方案核心 CSS 语句优点短板适用场景Demo示例图片基于 JavaScript 的实现方案优点短板适用场景Demo再进阶一步，多行文本溢出省略（按高度）多行文本溢出不显示省略号核心 CSS 语句优点短板适用场景Demo示例图片伪元素 + 定位实现多行省略核心 C...
2019-11-07 12:23:48
338
原创 JS 打开新窗口
文章目录业务场景情景1html实现js实现方式一方式二方式三情景2html实现js实现方式一方式二情景3js实现方式一参考资料业务场景 在前端开发过程中常常会遇到这样的业务场景：情景1：点击某个导航菜单在当前页面进行跳转情景2：点击某个导航菜单在当前窗口打开新的TAB页情景3：点击某个导航菜单后打开新的窗口情景1实现这个业务场景又分为2种实现：html实现<a...
2019-11-06 16:25:11
852
原创 js新框架 svelte
文章目录svelte框架介绍参考svelte框架介绍简介：Svelte是一个客户端/服务器框架，它可以在构建时预先呈现JavaScript，并且可以改变我们开发的方式。特点：Write less code使用我们熟悉的HTML, CSS and JavaScript构建无模板组件No virtual DOMSvelte把你的代码编译成很小的、没有框架的普通JS——你的应用程...
2019-11-06 14:40:06
943
原创 javascript 宏任务与微任务的解读 eventLoop
文章目录引言宏任务与微任务涉及的概念代码分析常见宏任务与微任务宏任务微任务参考文章引言 在日常开发中我们经常会碰到需要setTimeout作为定时器，Promise作为解决回调hell的方法，有时面试的时候会碰到下面这样的面试题：// 请将下面这段代码的执行结果写出来console.log('test start');setTimeout(function()...
2019-11-05 21:20:04
303
1
原创 js 浮点数四则运算精度问题
js 浮点数四则运算精确到问题四则运算hello，在我们平时使用javascript进行开发的过程中难免会使用到四则运算，但是经常会发现这么一个问题0.1 + 0.2，其结果应该是多少呢，大家不妨在浏览器调试工具的console里面测试一下，这也很多面试过程中会遇到的问题为什么会这样呢其实对于浮点数的四则运算，几乎所有的编程语言都会有类似精度误差的问题，只不过在 C++/C#/Java 这...
2019-10-23 21:34:04
401
转载 java 生成json与解析
在JAVA中构造和解析JSON我用的是org.json，附件为相应的org.json.jar.下面是两个函数，一个是创建JSON，一个是从文本构造JSON并解析之。创建json //construct json and output it public String jsonTest() throws JSONException{ JSONObject json=n...
2015-12-21 10:59:55
178
原创 java.sql.Types，数据库字段类型，java数据类型的对应关系
当利用java从数据库读取数据时，出现e:数字溢出的错误时，说明数据库表中字段长度大于10位后的所有数据均没有查询出来，此时返回值类型由int 改为BigDecimal。此外需将以下String itemtext =rs.getString("TEXT");//Get the current row specified column valuesInt ...
2015-11-10 14:38:10
303
OpenGL ES 2.0 编程指南 源代码
2018-03-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人