- 博客(61)
- 收藏
- 关注
RSS订阅原创 webgl入门-基础三角形绘制
我还是对webgl有一些概念的，说一下我的理解就是用来对图元进行光栅化的程序，首先说光栅化是什么，我的理解是将看到的东西画到屏幕上，那这个过程会经历什么比如画一个三角形，首先我要确定三角形画在哪里也就是顶点的位置，然后确认顶点后填充颜色，颜色其实就是一个个像素组成的，gpu做的就是将一个个gpu渲染上颜色这个过程叫光栅化。最近工作上频繁接触webgl，因为不熟悉每每看到shader中的语法总感觉脑袋大，所以打算开始从零学习一下webgl，文章只做记录学习历程，那就直接开始吧！下面代码不包含glsl代码。
2023-11-02 00:14:20
216
转载 深入理解setstate
本文会向你介绍以下内容：如何使用 setState不能直接修改 StatesetState()setState 可能是异步更新setState 的合并如何使用 setState在介绍 setState 之前，我们先来看一个 setState 的案例，了解一下是如何使用的。我们来展示一个使用案例，当点击一个 改变文本 的按钮时，修改界面前显示的内容：
1
原创 react context传值
三种传值方法类组件的 static contextType = 函数组件的useContextConsumer 函数组件，类组件都可以static contextType 类组件使用创建context//creatContext.jsimport React from 'react'export const NameContext = React.createContext();export const AgeContext = React.createContext();
2021-07-13 00:29:17
717
1
原创 【小技巧】react复合组件
写页面的时候最常碰见header 、content 、 footer 这种布局 ， 当然不局限于这种 只要页面多数都要用到的组件都可以。如果不使用组件复合 封装成组件后挨个引入感觉还是差点意思做个小demo主组件：import React, { Component } from 'react'import Layout from './Layout'export default class index extends Component { render() {
2021-07-13 00:24:21
247
原创 【汇总】js简介&es6-12语法
一、JavaScript 的诞生JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。1990年底，欧洲核能研究组织（CERN）科学家 Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便。1992年底，美国国家超级电脑应用中心（NCSA）开始开发一
2021-05-23 23:29:38
323
原创 插拔式代码
常用const apiList = ['api/text ', '.api/test', ' ']; const newList = []; apiList.map(item => { let apiName = item.trim(); //去除空格 if (apiName) { newList.push(`http://www.test.com/${apiName}`); } })这种代码属于解决当前需求的代码，也是我一直用的不易扩展
2021-05-16 22:52:03
260
原创 【小记】Jenkins访问地址一直处于等待状态解决方法
小记一下安装Jenkins后访问本地地址时出现的长时间等待windows解决办法查了一些博客说是更改镜像源，但是看了配置文件没有url那一项发现一篇博客说的方法：1.cmd 命令行输入 services.msc 打开服务窗口2.找到jenkins双击打开找到登录选项卡3.勾选此账户确定4.服务窗口重启jenkins服务做了以上四点我的地址等了一两分钟就能访问了后面我又看了一下服务窗口jenkins的登录选项卡发现还是本地系统账户，也有可能是因为重启就好了有遇到这个问题的小伙伴 麻烦先
2021-02-22 23:30:55
704
原创 按钮悬浮特效【持续更新】
贝塞尔曲线测试https://cubic-bezier.com/#.32,0,.43,1.59第一种动画：源代码地址：https://github.com/wenrouxiansheng/jsRule/tree/master/button_animation
2020-12-27 23:36:20
309
原创 【动态生成网页】将动态更改（运行时）的html文件保存
公司现在做了一个快速建站的网站，但是由于还没有后台接口，动态更改的网页不能保存一刷新就会没有，所以先用这个方法来解决拼接好的页面可以先保存下来获取要到处页面的document文档function saveClick() { let dom = document.getElementById('mobiReviewPageFrame'); let obj = dom.contentDocument; export_raw('template.html', obj.d
2020-12-20 16:09:23
962
原创 koa deprecated Support for generators will be removed in v3.
运行时nodejs中存在这个信息，是koa-cors版本问题太低了解决办法将koa-cors升级cnpm install koa2-cors --saveconst cors = require('koa2-cors');app.use(cors());//设置跨域请求也可以不使用koa-cors，写一个跨域中间件app.use(async (ctx, next) => { ctx.set('Access-Control-Allow-Origin', '*'); awa
2020-12-13 12:49:09
2972
原创 js之防抖篇【渐进式】
在开发中经常碰到需要基于监听滚动条、窗口放大缩小、鼠标移动的需求，应该都能发现如果不加防抖或是节流函数，会使得这个监听器频繁的触发，我相信对于有代码洁癖的你肯定是不能容忍的下面会一步步的渐进式的去实现防抖功能，原理其实很简单页面：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/c.
2020-12-06 17:59:19
327
1
原创 vue-cli3配置elementui按需引入
vue-cli3配置elementui按需引入安装babel-plugin-componentnpm install babel-plugin-component -D在babel.config.js加入plugins: [ //按需引入配置 [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ]
2020-11-30 09:56:45
1264
原创 vue兄弟组件传值-优雅的解决办法
兄弟组件传值兄弟1 - 传给父组件，父组件 - 传给兄弟2这个方法不优雅而且和组件化的思想有相悖之处，如果另一个组件需要用到还要单独的复制粘贴父组件的逻辑，不推荐创建一个js文件当做媒介，来监听一个事件进行数据传送场景，子组件1 和 子组件2 是分离的子组件2 是隐藏的子组件1 可以控制 子组件2 显示这里我先创建了一个hideNavMiddle.js文件当作媒介//hideNavMiddle.jsimport Vue from 'vue'const Bus = n
2020-11-28 21:06:01
862
原创 git提交代码注释信息规范
git commit -m “本次提交注释信息规范”JIRA-1234 feat: support for async execution^-------^ ^--^: ^-------------------------^| | || | +--> Summary in present tense.| || +--> Type: feat, fix, docs, style, refactor, pe
2020-11-18 16:25:16
2700
原创 下载安装python和工具（Windows）
安装pyhone下载pyhon地址：官网安装完成后打开命令行窗口输入python查看ctrl+Z再按下enter退出python环境工具下载下载pyCharm工具地址：官网Create Desktop Shortcut 创建桌面快捷方式现在一般都是64位的update path variable(restart needed)更新路径变量(需要重新启动)，add launchers dir to the path（将启动器目录添加到路径中）。update context me
2020-11-18 00:12:30
407
2
原创 微信小程序自定义tabbar在开发者工具上显示，真机不显示问题
出现的问题是开发者工具上可以显示自定义tabbar，但是真机调试不显示1.检查pages的配置前四个是不是tabbar在最前面2.自定义tabbar的信息是否对应custom-tab-bar下的wxml文件和js文件wxml：js:与app.json中对应：做到以上这些在真机运行一下微信小程序在开发过程中的真机调试，有的时候不太靠谱，偶尔图片不显示，我做到以上这些之后第一次真机调试也还是不显示，但是过了2,3分钟我又试了一次发现出来了，也有可能一开始就是好的只是在打包上传真机调试的时
2020-11-15 12:39:07
3187
3
原创 vuecli打包后页面显示空白，控制台报SyntaError:Unexpected token ‘＜‘错误
vuecli打包后空白页面，控制台报SyntaError:Unexpected token '<'错误
2020-11-08 18:46:08
574
原创 VUE : 无法加载文件~~~，因为在此系统上禁止运行脚本。
记录一次比较坑的环境配置安装vuecli，碰到执行vue -V时出现的错误，无法执行脚本是windows 执行策略的锅，具体是什么原因可以查看文档，大致是因为安全。VUE : 无法加载文件 C:\Users\77355\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符:
2020-11-05 21:34:01
1646
2
原创 出色的Javascript库推荐
1.Cleave.js链接地址：https://nosir.github.io/cleave.js/，跳转input输入时格式化输入字符串，包括信用卡号码格式、时间格式、电话号码格式、日期格式，自定义格式2.Cleave.js链接地址：http://chartjs.cn/docs/#advanced-usage-prototype-methods，跳转开源数据可视化库，拥有出色的开箱即用动画效果。可响应式，在用户调整窗口大小时重绘图表，提供许多不同类型的图表：折线图、条形图、饼图、甜甜圈图、
2020-10-19 11:50:38
185
原创 css中display:none变为block无法触发transition的解决办法
问题在页面开发过程中使用transition过渡是一个非常方便并能提高用户体验的属性，不会让一些元素的变化显得非常的突兀，但是元素从display:none到display:block是无法触发过渡（transition）属性的，如果说使用js来解决这个问题会添加复杂的鼠标移入移出监听事件解决办法最简便的方式还是使用css3解决，这样也使得js的逻辑代码更纯粹以下代码的逻辑是：鼠标悬浮父元素触发hover之后给子元素div添加一个动画需要注意的是这个方法只能解决父子关系的元素<head&g
2020-09-16 23:30:14
2597
原创 中国省市json数据
provinces.provinceName市名{ "provinces": [ { "citys": [ { "citysName": "石家庄市" }, { "citysName": "邯郸市" }, {
2020-08-20 15:11:34
3238
4
原创 uni-app无法启动微信开发者工具
小记一下两种无法启动微信开发者工具的两个情况及解决办法提示端口关闭错误提示很清晰找微信开发工具 -> 设置 ->安全提示登录用户不是该小程序的开发者电脑如何能分清楚开发这是谁，那只有AppID了，我这个uniapp中的项目有配置微信小程序的AppID，如果想启动需要把uniapp中配置的AppID删除，或者是新建一个微信小程序使用这个AppID...
2020-08-12 22:14:59
7649
原创 vue父子组件之间的传值通信
页面代码：<div id="vue"> <ul> <li></li> </ul></div><script>var vue=new Vue({ el:"#vue", data:{ items:[ {msg:"滴滴"}, {msg:"滴滴顺风车"}, {msg:"滴滴打车"} ] } });</script
2020-07-17 21:43:13
210
原创 H5语义化标签
H5标签有很多个，但有些并不兼容所以用不到。而且H5语义化标签官方的都是说法并没有看到真正的例子，很难理解，今天就去扣一扣这些。梳理一下兼容可用的H5标签，不兼容的标签会忽略。article标签<article>可用于详情，例如承载博客的内容（csdn就是这样做的，可以打开控制台看）多用于点击跳转后的内容详情，也可用于评论</article>aside标签...
2020-01-14 13:03:38
271
原创 初入社会工作半年后离职经历与总结
前言不知不觉从一个吃喝玩乐的学生变成 为了未来而努力工作的员工，到现在都已经有半年了。从四川达州一个不知名的大专院校，还未毕业，这个阶段还处于实习。跟很多同学相比我算是运气好，爸妈的根基在北京，因为户口问题高中才回了四川。最后挑选实习地点的时候，大部分同学选择去了成都，而我则去了北京，正好计算机专业在一线城市算比较有前途，带着憧憬回了北京。北京回到父母身边，投简历之前，感觉信心满满。因为家...
2020-01-05 00:34:35
4026
28
原创 安装Vue-cli踩的大坑(Failed to compile. ./src/components/HelloWorld.vue Module Error (from ./node_modules)
报错之前上百度搜索看都是说我vue-loader没安装，但是还好被明眼人点醒了解决方案基于vue-cli4.xx版本但是我对比了vue-cli3.1.2的版本，也同样可以解决问题开启了严格模式，报错都是你的空格间距有问题，需要在package.json下删除：...
2020-01-03 00:48:51
29817
6
原创 js获取和添加样式表中的属性
原生js如何获取样式表中的样式？js获取样式直接能想到的无非就是：<head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} .box{background-color: a...
2019-12-28 23:52:26
856
原创 [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
vue key值唯一不可重复，用index可以避免
2019-12-24 23:24:00
803
原创 【判断IE浏览器】html条件注释提示
https://jingyan.baidu.com/article/afd8f4deab510234e286e92e.html
2019-12-21 23:27:06
734
原创 【入门】webpack3从无到有搭建
前言：这篇只作为webpack小白的入门章，不要上来就去抠官方文档会如同看天书，我认为那是给有基础的人一个参考。需要先入门之后去做对比（小声逼逼webpack官方文档真的不全），总结一下也算是温故而知新插个图片不让文章看起来过于枯燥，哈哈哈哈正文：webpack打包执行过程是依赖nodejs的，所以要先下载node环境：下载先安装全局webpack包，npm install webp...
2019-12-19 03:40:36
576
原创 npm ERR! missing script: build【webpack】
package.json文件中"scripts"少build参数加上：“build” : “webpack”
2019-12-16 20:35:10
2317
原创 算法的时间复杂度
算法： 操作数据，解决程序问题的一种方法，例：function test(n){ if(n<0) return 0;}console.log(test(-5));时间复杂度： 估算一个算法的执行次数(执行时间)。至于为什么要估算一个算法的时间复杂度，那肯定是因为挑选，挑选最优的算法。如果单单的去为一个算法写测试时间的步骤，第一麻烦，第二算法的执行时间是很依赖硬件和运行时的环境...
2019-12-15 23:20:55
296
原创 理解按位操作符(~、^、&、|)
看到一道题： 假设有如下代码，那么a(10)的返回结果是？（ ）function a(a){a^=(1<<4)-1;return a;}
2019-12-11 08:51:48
196
原创 【一文了解】Promise承诺对象
在我看Primise对象时，博文的长篇大论亦或官方的说法都很难让人豁然开朗，给人的感觉就是我还没有了解这是什么东西，你就给我扯一堆大道理，所以这篇文章我想试着一步一步实践+解惑，文章深度可能不深，但对于小白很友好也足够你了解Promise对象。举个例子，Promise对象就像是ajax，ajax等待响应之后进入成功函数或者是失败函数。如果一直没有响应成功或者失败函数是不会调用的。但它俩不是一个东...
2019-12-10 15:14:16
312
原创 【重要！！】passive优化页面性能
在js中给dom元素添加监听事件：let dom1=document.getElementById("box1");function box(that){ console.log(that);}dom1.addEventListener("click",function(){box(1)});一般都是这样，但是还是有第三个参数，Boolean类型。当设置为true时，是事件捕获状态（...
2019-12-05 16:12:37
622
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人