前端开发
CSU迦叶
Writing code isn't really coding; debugging is.
展开
-
告别powerpoint,像程序员一样做slides~
基础教程 | reveal-md for slides原创 2022-11-02 14:23:49 · 265 阅读 · 0 评论 -
Vue3 计算属性的特性
computed:里面的方法仅当依赖的值发生变动时,才会重新进行计算而methods里面的方法,哪怕无关值发生变动,也会重新进行计算下面是两组对比1-通过distance()计算属性来计算路程2-通过getDis()方法计算路程3-通过timestamp()得到时间戳4-通过getTsp()得到时间戳另:addTime()方法是为了增加时间效果如下点击按钮,1、2、4发生改变...原创 2022-01-24 10:29:14 · 224 阅读 · 0 评论 -
登高自卑 | 我的Vue3入门与实践笔记
0 需要在head标签内包含此标签<script src="https://unpkg.com/vue@next"></script>1 面向数据编程2 mvvm m-model v-view mv-modelviewVue会帮我们自动关联v和m原创 2022-01-24 09:45:27 · 1130 阅读 · 0 评论 -
JavaScript 定义类时如何将方法提取出来
现在我们有一个海洋生物类function marineLife(name,job,friend){ this.name = name; this.job = job; this.friend = friend; this.introduceMyself = function(){ console.log('大家好!我叫'+this.name+',我是一名'+this.job+',我最好的朋友是'+this.friend); }}让我们用这个原创 2021-11-22 09:32:54 · 580 阅读 · 1 评论 -
apply()智用:需要几个参数但只有一个参数数组
比奇堡的居民海绵宝宝,派大星,蟹老板正在开partylet arr = ['SpongeBob','Patrick','Mr.Crab'];如果章鱼哥来了,珊迪也来了arr.push('Squidward Tentacles','Sandy');此时一共派对有5人如果章鱼哥和珊迪一起来了arr.push.apply(arr,['Squidward Tentacles','Sandy']);可以看出,当需要anargument list,但是只有asingle ...原创 2021-11-21 17:51:59 · 450 阅读 · 0 评论 -
数据可视化相关网站
D3 galleryGallery / D3 / ObservableFlowing Data / NYTimes / …FlowingData | Data Visualization and StatisticsData Video ExplorerData Video Explorer配色网站ColorBrewer: Color Advice for MapsTensorFlowPlayground / Embedding ProjectorA Neural Net原创 2021-11-20 14:30:01 · 122 阅读 · 0 评论 -
关于2D互动技术的一些要点
没有动画的程序很难称作是互动产品。2D图形技术主要涵盖动画原理动画是定时器改变元素属性,渲染引擎重新渲染的过程。动画的本质是关于时间的函数PS:右图就是一个快进慢出的动画动画的要素...原创 2021-11-17 19:48:12 · 364 阅读 · 0 评论 -
Egg 初学笔记
egg是什么egg.js简称egg,属于小而美的框架,不直接提供功能,它拥有强大的插件机制,扩展性好,egg基于koa(https://eggjs.org/zh-cn/intro/egg-and-koa.html)开发,可基于egg制定上层框架。Koa特点提供很好的异步解决方案(callback形式的异步编程模型会带来很多问题)。 增加Context对象,一次请求的上下文(类似traceId这种需要贯穿整个请求的属性)都挂在在这个对象上,在Koa1中为中间件的this,在Koa2.原创 2021-11-15 16:16:29 · 1166 阅读 · 0 评论 -
ECMAScript 6 模板字面量的常见用法
模板字面量可以理解成是字符串的一种,形式上用反引号 `` 将内容括起来。目录特点一:模板字面量会保留反引号内部的空格、回车、tab,会将\n,\t翻译。特点二:支持字符串插值特点三:和标签函数搭配食用特点一:模板字面量会保留反引号内部的空格、回车、tab,会将\n,\t翻译。 //展示保留空格、回车,翻译\n let templateLiteral = ` 当时共客长安。\n似二陆初来俱少年。`; console.log(te...原创 2021-11-15 09:37:30 · 1024 阅读 · 0 评论 -
从前端框架到前端架构参考资料
参考资料原创 2021-11-14 15:13:30 · 1796 阅读 · 0 评论 -
JavaScript 立即执行函数的两种写法
(function(str){ console.log(str+'欢迎你~'); })('行步至春深'); (function(str) { console.log(str+'欢迎你~'); }('行路易知难'));可以看到,每种写法都比平常多出两个小括号,其中一个可以看作是调用,里面装参数,另一个可以看作防止语法错误。立即执行函数除了可以传参,其实也可以有名字,写成下面这样并不算错。 (function fn(str)...原创 2021-11-10 16:35:28 · 512 阅读 · 0 评论 -
JavaScript封装一个注册函数解决兼容问题
我们知道JavaScript注册(绑定)事件主要有两类方式,第一类传统方式具有注册事件的唯一性,即对于同一元素的同一事件,不会出现两个处理函数,如下 var btn = document.querySelector('button'); btn.onclick = function(){ document.body.style.backgroundColor = "yellow"; }第二类没有唯一性限制,具体有两种做法,其中addEventListener原创 2021-11-08 15:48:58 · 221 阅读 · 4 评论 -
JavaScript对象数组示例
可以用于暂时无法从数据库中拿到数据时,模拟数据使用var datas = [{ name:'囧菌', subject:'JavaScript', grade:'100'},{ name = '双笙', subject = 'React', grade = '100'},{ name:'陈拾月', subject:'Vue', grade:'100'}];其实相当于var datasInt = [1,2,3];原创 2021-11-08 09:40:58 · 638 阅读 · 0 评论 -
JavaScript如何声明对象、函数以及对象中的函数(即方法)
目录声明对象的2种最常见方法声明函数的2种最常见方法在对象中声明函数声明对象的2种最常见方法1) var Zhihuijun = { name:'彭志辉', age:28, upName:'稚晖君', company:'Huawei', }; console.log(Zhihuijun.name+'目前在'+Zhihuijun.company原创 2021-10-31 13:44:37 · 973 阅读 · 0 评论 -
JavaScript红宝书、犀牛书(2本)简介
目录红宝书书名与作者内容overview封面大犀牛书书名与作者内容overview封面小犀牛书书名与作者内容overview封面红宝书书名与作者《JavaScript高级程序设计》 Matt Frisbie著 李松峰译内容overview注:第四版本书从JavaScript的起源开始,逐步讲解到今天的最新技术。书中详尽讨论了JavaScript的各个方面,重点介绍ECMAScript和DOM标准。在此基础上,接下来的各章揭示了Jav原创 2021-10-28 19:21:03 · 11071 阅读 · 0 评论 -
CSS:当子元素皆浮动,撑开父元素的3种方式
html文件 <main> <div> <span>肥水东流无尽期。当初不合种相思。梦中未比丹青见,暗里忽惊山鸟啼。</span> <br><br> <span>春未绿,鬓先丝。人间别久不成悲。谁教岁岁红莲夜,两处沉吟各自知。</span> </div> <div原创 2021-10-25 19:49:32 · 2156 阅读 · 0 评论 -
CSS写表格样式的两种基本方式
1. 方法一:利用Html已有标签效果html代码 <table border="2"> <thead> <tr> <td>标签</td> <td>内容</td> </tr> </thead>原创 2021-10-25 09:09:58 · 1484 阅读 · 0 评论 -
ES和JS的区别,以及JavaScript的基本组成
JavaScript是语言,而ECMAScript(即ECMA-262)是为了规范JS而制定的标准,ECMAScript有不同版本,最近的版本是第10版,发布于2019.6。完整的JavaScript的实现包含以下几个部分核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM)出处:《JavaScript高级程序设计(第4版)》Matt Frisbie著 李松峰译...原创 2021-10-20 00:32:23 · 6209 阅读 · 0 评论 -
CSS结构选择器四种结构关系的范围
1. 空格:表示<div>标签下所有的<h1>标签div h12. >: 表示<div>标签下直接的<h1>标签div>h13. ~:表示与<div>并列的所有<h1>标签div~h14. +:表示与<div>并列且紧邻的<h1>标签div+h1注:仅仅包括下一个不包括上一个...原创 2021-10-17 18:33:09 · 129 阅读 · 0 评论 -
CSS改变nth-child()和nth-last-child()的参数灵活选择元素编号
选中偶数行(div可以更换成任意标签)div: nth-child(2n)div: nth-child(even)选中奇数行div :nth-child(odd)div :nth-child(2n-1)选中前k行(k是变量,n不变)div :nth-child(k-n)从第k行开始div :nth_child(n+k)原创 2021-10-17 18:21:33 · 384 阅读 · 0 评论 -
使用npm打包后生成的package.json中重要字段含义
{ "name": "demo",// 包名称,不能和npm平台上其他包重复 "version": "1.0.0",// 版本号 "description": "", "main": "index.js",// 执行入口 "scripts": {// 自定义脚本 "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC"}其中sc.原创 2021-10-11 17:27:46 · 358 阅读 · 0 评论 -
安装NodeJS环境报错
待解决原创 2021-10-11 14:14:38 · 986 阅读 · 3 评论 -
从浏览器发展史读懂user-agent
以上内容来自bilibili up主 BUPPT.所有人都应该了解的浏览器发展史,内核 userAgent 一个视频全了解!原创 2021-10-09 09:50:22 · 450 阅读 · 2 评论