web前端
文章平均质量分 93
xiaolidan00
哈哈哈哈哈哈哈
展开
-
《Three.js 开发指南第 2 版》读书笔记 2
《Three.js 开发指南第 2 版》读书笔记 2书本源码地址:https://github.com/josdirksen/learning-threejs文章目录《Three.js 开发指南第 2 版》读书笔记 2第 3 章 学习使用 Three.js 中的光源不同种类的光源THREE. AmbientLightTHREE. ColorTHREE. PointLightTHREE. SpotLightTHREE. DirectionalLishtTHREE. HemisphereLightTHREE原创 2021-04-27 11:22:43 · 295 阅读 · 0 评论 -
《Three.js开发指南第2版》读书笔记1
《Three.js开发指南第2版》读书笔记1书本源码地址:https://github.com/josdirksen/learning-threejs文章目录《Three.js开发指南第2版》读书笔记1第1章 使用Three.js创建你的第一个三位场景坐标轴添加平面摄像机渲染器添加物体对象点光源材质投影动画帧数统计图形立方体旋转球体弹跳datGUI场景自适应浏览器第2章 构建Three.js场景的基本组件环境光datGUI控制对象添加给场景添加雾化效果使用overrideMaterial属性THREE.原创 2021-04-16 17:14:32 · 455 阅读 · 0 评论 -
Vue自嵌套树组件
文章目录效果图注意事项效果图注意事项组件自嵌套,定义名称时就定义为组件名单选和多选用户时,以最顶级父组件的属性为准,由于组件内不能同步修改prop,故采用data注册另一个同类型数值用于接收组件内改变,并使用update,同步更新到prop上展开组件才开始加载用户列表<template> <ul v-show="isShow" ref="user-tree"> <li v-for="(item, idx) in userList" :key="id原创 2020-09-25 16:26:44 · 565 阅读 · 0 评论 -
《HTML5与CSS3权威指南 下册》读书笔记(3)
《HTML5与CSS3权威指南 下册》读书笔记(3)文章目录《HTML5与CSS3权威指南 下册》读书笔记(3)第26章 布局相关样式多栏布局盒布局弹性盒布局calc方法第27章 Media Queries相关样式根据浏览器的窗口大小来选择使用不同的样式Media Queries的使用方法第28章 CSS3的其他重要样式和属性颜色相关的样式用户界面相关样式使用initial属性取消对元素的样式指定实现CSS 3中的滤镜特效第26章 布局相关样式多栏布局使用float或position缺点:第一个d原创 2020-05-08 17:42:21 · 272 阅读 · 0 评论 -
《HTML5与CSS3权威指南 下册》读书笔记(2)
《HTML5与CSS3权威指南 下册》读书笔记(2)文章目录《HTML5与CSS3权威指南 下册》读书笔记(2)第22章 盒相关样式盒的类型对于盒中容纳不下的内容的显示对盒使用阴影指定针对元素的宽度与高度的计算方法第23章 背景与边框相关样式与背景相关的新增属性在一个元素中显示多个背景图像使用渐变色背景圆角边框的绘制使用图像边框第24章 CSS3中的变形处理transform功能的基础知识对一个...原创 2020-05-07 17:43:09 · 200 阅读 · 0 评论 -
《HTML5与CSS3权威指南 下册》读书笔记(1)
文章目录第19章 选择器CSS3中的属性选择器结构性伪类选择器UI元素状态伪类选择器第20章 使用选择器在页面中插入内容插入文字或图片使用content属性来插入项目编号第21章 文字与字体相关样式给文字添加阴影text-shadow让文本自动换行word-break属性让长单词与URL地址自动换行word-wrap属性使用服务器端字体——Web font与@font-face属性修改字体种类而保...原创 2020-05-06 17:57:29 · 301 阅读 · 0 评论 -
js导出工具(表格,图片,pdf)
html2canvas: http://html2canvas.hertzen.com/将html界面转换为canvas,然后导出图片simple-html2pdf: https://www.npmjs.com/package/simple-html2pdf将html生成pdf(自动分页,每页大小高约1050px,宽大约800px),之前尝试过使用html2canvas转成图片然后采用jsp...原创 2020-04-28 14:40:07 · 776 阅读 · 0 评论 -
纯js的POST与GET(可上传文件)工具方法
使用XMLHttpRequest进行POST与GET操作function POST(url, data, callback) { var request = new XMLHttpRequest(); request.onreadystatechange = function() { if (request.readyState === 4 && request....原创 2020-04-28 14:14:18 · 1179 阅读 · 0 评论 -
Vue日期时间选择器组件
这里写自定义目录标题1.效果图如下2.准备3.具体实现1.效果图如下单选日期选择器多选日期选择器日期时间选择器2.准备Date原型格式化工具方法Date.prototype.format = function(fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": th...原创 2020-04-28 11:32:16 · 16970 阅读 · 2 评论 -
百度地图JsAPI:vue-webpack移动端画覆盖物不显示
使用vue-webpack开发,地图使用百度地图JsAPI,最近开发移动端的网页,发现webpack打包后的移动端界面地图显覆盖物示有问题。1. vue-webpack环境覆盖物不显示vue-webpack环境,在PC端的界面能正常显示百度地图,移动端地图能显示,但画上去的覆盖物(圆,正方形之类的覆盖物)不能显示;如果使用单页面,不是webpack打包可以移动端正常显示覆盖物。vue-web...原创 2019-12-11 14:12:43 · 946 阅读 · 0 评论 -
canvas小实践动态点线
效果预览1.实现效果画彩色点相近的点产生连线点线运动,遇到边界反弹选中点,可拖动点改变位置*2.具体实现初始化相关变量 var c = document.getElementById("myCanvas"); //设置canvas大小 c.height = document.body.offsetHeight; c.width = docu...原创 2019-11-09 14:08:23 · 458 阅读 · 0 评论 -
大型网站技术架构-《大型网站技术架构:核心原理与案例分析》读书笔记
《大型网站技术架构:核心原理与案例分析》读书笔记文章目录《大型网站技术架构:核心原理与案例分析》读书笔记1.大型网站架构演化1.1 大型网站软件系统的特点1.2 大型网站架构沿海发展历程2.大型网站架构模式2.1网站架构模式3.大型网站核心架构要素4.瞬时响应:网站的高性能架构4.1 网站性能测试4.2 Web前端性能优化4.3 应用服务器性能优化4.4 存储性能优化5. 万无一失:网站的高可用...原创 2019-10-21 16:27:45 · 795 阅读 · 0 评论 -
微信公众平台PHP开发-基本操作
微信公众平台PHP开发文章目录微信公众平台PHP开发1.接入服务器配置2.获取Access token3. 接收到的消息4.获取用户信息5. 事件消息回复6.接收消息并回复1.接入服务器配置/*** * TOKEN :公众平台自定义令牌token */define('TOKEN','weixin');function checkSign(){if(isset($_GET["sig...原创 2019-09-06 13:45:42 · 277 阅读 · 0 评论 -
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记文章目录《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记第1章 基础知识第2章 绘制第3章 文本第4章 图像与视频第5章 动画第6章 精灵第7章 物理效果第8章 碰撞检测第1章 基础知识 <style> body{ background: #dddddd...原创 2019-09-04 10:26:35 · 705 阅读 · 0 评论 -
GridCard拖拽拉伸卡片(纯JS)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-08-22 16:07:54 · 1837 阅读 · 0 评论 -
《Javascript权威指南第5版上》读书笔记3
文章目录第一部分 核心Javascript第8章 函数第9章 类和模块第一部分 核心Javascript第8章 函数function print(msg){ document.write(msg,"<br>")}function distance(x1,y1,x2,y2){ var dx=x2-x1; var dy=y2-y1; return ...原创 2019-07-27 08:35:21 · 130 阅读 · 0 评论 -
Js可移动对话框
效果演示地址:http://xiaolidan00.top/movableDialog.html###界面布局<div class="modal_bg"> <div class="modal_box" style="width: 400px;height: 300px;top: 40%;left: 40%;"> <div class="modal_h.原创 2019-01-28 18:35:27 · 590 阅读 · 0 评论 -
【web前端】省市县选择器
** 效果图如下:**1.html 布局&amp;amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;amp;gt;.city_modal_bg{ border: solid 1px gainsboro; width: 520px; height: auto; z-index: 999; background: white; padding: 8px;原创 2018-09-29 15:22:34 · 4707 阅读 · 0 评论