- 博客(62)
- 问答 (7)
- 收藏
- 关注
RSS订阅原创 three.js 物体轮廓高亮
背景：物体在鼠标移上去时有一个高亮的交互；在状态为异常时轮廓高亮并闪烁方案： 使用EffectComposer: 效果组合器RenderPass: 在指定的场景和相机的基础上渲染出一个新场景OutlinePass: -物体边界线条ShaderPass: 使用该通道你可以传入一个自定义的着色器，用来生成高级的、自定义的后期处理通道FXAAShader: 着色器主要功能是解决锯齿问题 import './EffectComposer' import './OutlineP
2022-05-21 16:53:39
2602
2
原创 three.js 墙上挖门
背景：需要在墙上 创建窗户和门方案：使用 ThreeBSP.JS库ThreeBSP.JS库介绍：名称描述intersect（交集）使用该函数可以基于两个现有几何体的重合的部分定义此几何体的形状。union（并集）使用该函数可以将两个几何体联合起来创建出一个新的几何体。subtract（差集）使用该函数可以在第一个几何体中移除两个几何体重叠的部分来创建新的几何体。主要使用可以参考下郭大神的这篇文章：http://www.yanhuangxueyuan.com/
2022-05-21 16:24:59
630
原创 如何将three.js坐标体系中的坐标转换为二维坐标
背景：线条是three.js开发的，每条线条的开始位置需要放一个2.5D的图标，所以就需要把三维的坐标转为二维const myObj = document.getElementById(dom);const width = myObj.clientWidth;const height = myObj.clientHeight;const pos = {x:10,y:10,z:10};function getPosition(pos = {}) { let a = new THREE.Ve
2022-05-21 15:33:06
1263
原创 go.js去掉默认的进入动画
参照官网：https://gojs.net.cn/intro/animation.html加上：diagram.animationManager.initialAnimationStyle = go.AnimationManager.AnimateLocations; 这句话即可
2021-09-24 16:40:11
386
原创 在Vue中优雅的更改iframe嵌入页面的样式
在Vue中优雅的更改iframe嵌入页面的样式【前言】通过外部引入css文件来控制嵌入页面的样式【正文】公共iframe组件封装传入属性：嵌入页面路径css文件名称（默认放在/static/css/下），默认css文件名可以自己定义，在确定嵌入页面不多，相互之间的css属性不会冲突的情况下，可以使用一个css文件<template> <div class="wrapper-c"> <div style="height: 100%" v
2021-08-16 17:28:57
19309
3
原创 微信小程序部分型号手机（如华为荣耀V8）无法获取session
本地开发时，已经设置不校验合法域名、web-view（业务域名）、TIL版本以及HTTPS证书本地开发和体验版本大部分手机型号都没问题，但是部分手机如华为荣耀V8在登陆的时候会出现无法获取到session的情况，调试发现提示[20:57:39] {"errMsg":"request:fail url not in domain list"}意思就是没有设置 request合法域名在微信公众平台-小程序-服务器域名那里加上就可以了，很奇怪，按说不校验合法域名、web-view..
2021-03-25 15:13:25
756
原创 python 使用 pyppeter截取图片
import asynciofrom pyppeteer import launchfrom django.http import JsonResponsedef screen_size(): """使用tkinter获取屏幕大小""" import tkinter tk = tkinter.Tk() width = tk.winfo_screenwidth() height = tk.winfo_screenheight() tk.quit()
2021-02-24 14:06:35
1828
原创 python 上传zip文件到服务器
import requests from requests_toolbelt.multipart.encoder import MultipartEncoder file_obj = request.FILES.get("upfile")# 也可以通过读取本地文件 row = json.loads(request.POST.get('row')) #前端传回参数 file_name ='test' file_tup = (file_name, file_o...
2020-11-24 10:26:41
2347
原创 three.js 笔记 --- 渲染图片 和 渲染obj,mtl文件
渲染图片 let textureLoader = new THREE.TextureLoader(); let textureLoaderRes = function (url) { return textureLoader.load(url, function (map) { map.wrapS = THREE.RepeatWrappi...
2020-04-22 10:14:19
1086
原创 echarts tooltip提示框内容过多 溢出边界问题
如下图所示：由于tooltip内容过多，导致内容溢出边界解决方法：通过回调函数设置提示框位置position: function (pos, params, dom, rect, size) { //父级 var domP = $(dom).parent(); ...
2019-11-05 11:22:07
5427
原创 微信小程序历史搜索历史的本地缓存和删除
wxml： 最近搜索 {{hisItem}} 清空搜索历史 wxss:.search_history {height: auto;width: 95%;position: relative;background-color: #fff;border-radius: 5rpx;fon...
2019-06-29 20:55:59
3094
原创 pyhton 操作 时序数据库（influxdb）
安装依赖包：influxdbfrom influxdb import InfluxDBClientclient = InfluxDBClient(‘localhost’, 8086, ‘root’, ‘’, ‘’)client = InfluxDBClient(host, port, user, password, database) # 初始化操作数据库显示已存在的所有数据库使用g...
2019-06-29 20:47:58
959
原创 pyhton 为元组命名，提高可读性
# 1.使用命名变量获取indexname,age,sex,email = range(4)student = ('jim',16,'male','jim8721@gmail.com')# student['name'] 'jim'# 2.使用标准库collections.namedtuplefrom collections import namedtuplestudent = ...
2019-03-17 23:36:04
206
原创 python如何在列表、对象、集合中根据条件筛选数据
# 1.筛选出列表Ldata中小于0的元素Ldata = [1, 2, 3, 4, 5, 6, -1, -2]# a.使用匿名函数lambda和filter函数# lambda x: 匿名函数， 参数(依次迭代列表中的每一个参数) 返回Boolean值res1 = list(filter(lambda x: x < 0, Ldata))# res1 [-1,-2]# ...
2019-03-17 22:56:02
6654
原创 python 读取csv文件中有中文出现乱码--解决方法
python 读取csv文件中有中文出现乱码–解决方法之一 import codecs with codecs.open('xx/xx/xx', 'rb', 'gbk') as csvfile: for line in csvfile: pass希望知道其他方法的小伙伴可在评论里面贴出其他方法...
2019-02-14 10:25:39
5927
转载 angularjs获取check框选中的值
html:<div><input type="checkbox" ng-click="updateSelection($event,row.entity.id)" ng-checked="isSelected(row.entity.id)">选择</div> js:$scope.selected = [];$scope.updateSelect..
2018-08-09 17:14:09
2622
原创 python aes 解密、加密
AES_KEY = '12740f2c57aba727a4be179049cecf29'from Crypto.Cipher import AESfrom Crypto import Randomfrom conf.default import AES_KEYfrom common.log import loggerdef aes_encrypt(data): bs = AE...
2018-07-09 10:30:13
539
原创 python 生成随机的测验试卷文件
# -*-coding:utf-8-*-import randomcapitals = {'henan': 'zhengZhou', 'anhui': 'heFei', 'guangdong': 'guangZhou','hebei':'shijiaZhuang','jiLin':'changChun','heilongJiang':'haerBin'}for quizNum in ran...
2018-05-09 00:38:55
2140
原创 Python时间，日期，时间戳之间转换
1.将字符串的时间转换为时间戳import time a = "2018-04-27 17:49:00"#转化为数组 timeArray = time.strptime(a, "%Y-%m-%d %H:%M:%S") #转换为时间戳 timeStamp = int(time.mktime(timeArray))#152482254...
2017-12-20 10:38:57
10813
转载 linux 常用命令
玩过Linux的人都会知道，Linux中的命令的确是非常多，但是玩过Linux的人也从来不会因为Linux的命令如此之多而烦恼，因为我们只需要掌握我们最常用的命令就可以了。当然你也可以在使用时去找一下man，他会帮你解决不少的问题。然而每个人玩Linux的目的都不同，所以他们常用的命令也就差异非常大，而我主要是用Linux进行C/C++和shell程序编写的，所以常用到的命令可以就会跟一个管理Li
2017-12-17 17:01:59
211
转载 Python 装饰器
讲 Python 装饰器前，我想先举个例子，虽有点污，但跟装饰器这个话题很贴切。每个人都有的内裤主要功能是用来遮羞，但是到了冬天它没法为我们防风御寒，咋办？我们想到的一个办法就是把内裤改造一下，让它变得更厚更长，这样一来，它不仅有遮羞功能，还能提供保暖，不过有个问题，这个内裤被我们改造成了长裤后，虽然还有遮羞功能，但本质上它不再是一条真正的内裤了。于是聪明的人们发明长裤，在不影响内裤的前提
2017-11-27 13:05:34
211
转载 angular1.x 实现表格的增删改查
实现表格的增删改查.add{position:relative;top:-40px;left:1000px;}管理信息：搜索：添加姓名年龄城市操作{{x.name}}{{x.age}}{{x.city}}修改删除添加信息姓名：年龄：城市：关闭保存修改
2017-10-31 23:31:36
1021
原创 sticky footer 布局
在实际开发中，我们经常会遇到这样一个需求：如果页面小于一屏时，页脚块需要固定在页面底部，如果页面超过一屏时，页脚块向下推送。下面为在开发中兼容性最好，最为常用的两种解决方案：1.父级relative当父级不要求使用fixed且footer块高度已知时比较适用，主要设置container块相对定位position:relative;footer块为绝对定位position:a
2017-10-16 11:36:22
544
原创 call apply 和 bind的区别
apply 和call在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。eg:function fruits() {} frui
2017-09-19 10:37:21
5768
转载 vue环境搭建
1）需要安装node.js，这里我们就不具体说了，下载后，一直下一步就可以了。 【附node.js安装：】 http://www.runoob.com/nodejs/nodejs-install-setup.html$ node -vv7.6.0121）安装淘宝cnpm npm install -g cnpm –registry=http://registry.npm.tao
2017-09-11 22:21:19
2431
转载 在网页上使用 JPG 、PNG 、 SVG
JPEGJEPG由联合图像专家小组（Joint Photographic Experts Group）于1992年创建，并以创建者命名。JPEG是一种有损光栅图像格式，这意味着每次压缩保存JPEG时，一些信息将发生不可逆转地丢失。JPEG利用人眼感知的缺陷 - 对亮度比对颜色更敏感 - 使用了一种压缩算法来丢弃我们不太擅长获取的信息，因此属于“有损格式”。压缩率的设置将决定最终保存文件
2017-09-07 11:17:23
951
转载 原生js实现jq的$.each()方法
jq的$.each()方法：语法：jQuery.each(object, [callback])回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。示例1 遍历数组：示例2 遍历对象原生方法实现如下：// 通过字面量方式实现的函数eachvar
2017-09-06 00:14:02
14024
原创 javascript 数组操作
通过控制台我们可以看到数组有很多方法下面就对以上方法和属性做一一介绍一、数组常用方法1、数组的创建在JavaScript中，一共有如下创建数组的方法1. 用数组对象的构造函数Array()，像创建对象一样(实际上就是对象)用new操作符进行实例化数组对象。var arrayObj =new Array()此方法创建的数组为空 长度为0 2. 使用构造
2017-09-04 17:15:58
517
原创 前端性能优化--yahoo 军规
一.尽可能减少HTTP请求数http请求的定义：从客户端到服务器端的请求消息。包括消息首航中，对资源的请求方法，资源的标识符及使用的协议。http请求的菜鸟概论：当你在网页中看到的文字，图片都是你从服务器获取的，每一个内容的获取，都是一个http的请求;每一个内容(如文字、图片、js、css)的获取，就是一个http请求；·如何优化请求：文字，图片合并，js合并，css合并；下图左边没合并，右边合
2017-08-31 15:19:52
345
转载 JavaScript 各种遍历方式详解
为了方便例子讲解，现有数组和json对象如下var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt',
2017-08-29 14:24:59
331
转载 CSS Grid布局指南
简介CSS Grid布局 （又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(inline-block)，但所有这些方法本质上来讲都是hacks，存留了很多需要实现的重要功能问
2017-07-19 11:31:59
413
原创 vue.js 踩坑
1. Module not found: Error: Cannot resolve module 'babel-runtime/core-js/json/stringify' inE: \workspace\ FirstVueProject\ src resolve module babel - runtime / core - js / json / stringify inE:
2017-07-01 15:43:06
2018
1
转载 npm install时报错 npm ERR！Windows_NT 6.1.7601
解决办法：先设置代理为空 npm config set proxy null， 然后再npm install cnpm -g --registry=https://registry.npm.taobao.org！#2017.3.31 14:17今年又安装新环境来着，然后发现淘宝的这个也不好用了，一番查询之后，据说是淘宝的不再支持了，然后换成腾讯的，果然就好了，同事也是这个问题，一用淘宝的，好
2017-06-26 14:35:35
1339
转载 vue.js 安装教程
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装...3.安装全局vue-cli脚手架,
2017-06-25 17:39:15
682
原创 new Date() 之高考倒计时
简单了解下new Date()var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+
2017-06-04 18:38:40
685
原创 js分页效果
无标题文档 a { margin: 5px; } window.onload = function() { //执行函数 page({ id : 'div1', nowNum : 7, allNum : 10, callBack : function(now, all) { //回调函
2017-05-18 13:45:22
1162
空空如也
为什么第一个if判断不起作用
2016-04-07
为什么.st-scroll,.st-panel 没有铺满全屏
2016-03-12
背景图随着容器的宽度的改变而自动调整大小，并始终完全显示
2016-03-04
input id="search"的背景图片无法显示怎么回事
2016-02-22
把一个元素移出视线的方法
2016-02-22
鼠标悬浮时，按钮的颜色没有发生变化
2015-11-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人