承接上文,这是第6个案例: 附上项目链接: https://github.com/wesbos/JavaScript30 这个主要是要实现在给定的json里匹配出搜索框里的city or state,然后把人口加上千分号,下面是我加了注释的源码: <script> const endpoint = 'https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e…

难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第十六章:下划线在数字中的意义 下一章 "全栈2019"Java第十七章:赋值运算符和算术运算符 学习小组 加入同步学习小组,共同交流与进步. 方式一:关注头条号Gorhaf,私信"Java学习小组". 方式二:关注公众号Gorhaf,回复"Java学习小组&q…

承接上文,这是第8个案例,要实现的效果是按住鼠标不放,进行拖动时可以在画布上画出不同粗细不同颜色的曲线. 附上项目链接: https://github.com/wesbos/JavaScript30 主要思路:鼠标按下时,记录当前x,y坐标,作为起点,鼠标移动时开始画线.鼠标左键抬起或移出画布时停止绘画.没什么讲的,有个值得注意的点,hsl这个表现颜色,我之前不知道的.附上源码: <script> const canvas = document.querySelector('#draw');…

承接上文,这是第7个案例,这个案例没什么说的,主要有三个注意点: 附上项目链接: https://github.com/wesbos/JavaScript30 // 1. slice(begin, end) 如果end被省略,则slice会一直提取到原数组末尾.如果end大于数组长度,slice也会一直提取到原数组末尾. // 2. {isAdult},直接创建了一个对象,他的key是isAdult,value是isAdult的值 // 3. new Date()).getFullYear())…

承接上文,这是第5个案例:这节没什么讲的,随便记录下吧,主要是用了flex布局与transform translateY,js部分和案例1类似. 附上项目链接: https://github.com/wesbos/JavaScript30 const panels = document.querySelectorAll('.panel'); function toggleOpen() { // 第一个案例讲过,classList还有其他方法,toggle就是其中一个,他会自动变化class,有则…

承接上文,下面是第四个案例 附上项目链接: https://github.com/wesbos/JavaScript30 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 }, { first: 'Galileo', last: 'Galilei', year:…

承接上文 https://www.cnblogs.com/wangxi01/p/10641210.html,下面是第三个案例: 附上项目链接: https://github.com/wesbos/JavaScript30 主要要实现的是移动上面的input range,改变下面图标的样式.以下为我注释后的源码: /* :root选择器,等同于html */ :root { /* css变量 */ /* 作用域:可以在多个选择器内声明.读取的时候,优先级最高的声明生效 */ /* 可使用@supp…

文章的原材料来自于vue的官方示例:https://cn.vuejs.org/v2/examples/todomvc.html,我们在学习过程中,试着对其中的一些知识点进行记录: 一.浏览器数据存储,为了方便,此处将数据存储到客户端的缓存中,使用localStorage,他的主要api有 localStorage.getItem(key)和localStorage.setItem(key,value) 二.对于localStorage中的数据采取json数组形式保存,因此在保存value和获取时…

公司项目开发知识点回顾 前言 "拿来主义"在某些时候并不是最佳选择,尤其是当自己遇到问题的时候,毫无头绪. 在一次实验过程中,需要实现数据库的CRUD操作.由于之前项目开发过程中,自己就曾进行过此操作.故选择"走捷径",直接使用前面的操作.其实之前的数据库操作方法是别人封装好的,当时自己只是拿来就用而已.这次自己就按照前面的方法配置了相关参数,在写数据时,却出现了意想不到的情况,数据只能读不能写.曾经一度怀疑过是不是所建数据库有问题,设置为了"只读&quo…

本案例在上一篇的案例(React组件之间通过Props传值的技巧(小案例,帮助体会理解props.state.受控组件和非受控组件等))的基础上加强功能和用户体验,但是当然还有很多需要改进的地方,后期一步步慢慢增强: import React,{Component} from 'react'; import {render} from 'react-dom'; import './index.css'; class CommentInput extends Component{ construc…