变量提升-编程思维
以前的时候，一提到变量就会说全局变量和局部变量，现在变量提升了，还有let，const； 1, var声明 if (true) { var fruits = 'apple'; } console.log(fruits); //apple 2, let 块级声明 { let fruits = 'apple'; } console.log(fruits); //fruits
react中，constructor和getinitialstate的区别-编程思维
1，ES6语法 使用class声明一个类，且要继承react组件的方法和属性的时候 : 在里面我们可以直接指定 this.state = { }， 我们可以当前组件内任何地方使用 this.setState()来改变组件状态; 注意： 将类的方法绑定到当前对象，避免在方法内部this指针被覆盖 class PCHeader extends React.Component { constru
移动端1px适配问题-编程思维
Retina屏幕，设备像素比，移动端的边框在这些屏幕上1px 会表现处2px,3px像素的宽度，所以出现各种解决方案，今天只总结一种，以后慢慢补充。。通过伪类 ::after。，原理就是通过transfrom:scaleX scale scaleY这几个函数进行缩放，废话不多说，直接撸代码，分别是：底边，上边，左边，右边，还有四个边框都有，在文章末尾有相关知识的介绍链接，本文就不会浪费文字在这
js监控微信浏览器的自带的返回事件（延迟解决微信返回立即执行popstate事件）-编程思维
/** * 浏览器回退事件监听 */ var listenerBackHandler = { param: { isRun: false, //防止微信返回立即执行popstate事件 }, listenerBack: function () { var state = { title: "title", url: "#" }; wind
react移动端上拉加载更多组件-编程思维
在开发移动端react项目中，遇到了上拉加载更多数据的分页功能，自己封装了一个组件，供大家参考，写的不好还请多多指教！ import React, {Component} from 'react'; import cssModuleHandler from "../../../utils/cssModuleHandler"; import styleObject from './LoadM
看看angular有啥新玩法！手把手教你在angular15中集成报表插件-编程思维
摘要：本文由葡萄城技术团队于博客园原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 Angular15新特性 Angular框架（以下简称“Angular”）作为一款由谷歌开发的Web应用程序框架，其强大的依赖注入系统、可重复使用的模块化开发理念和响应式编程模式等特点让Angular一问世便取得了巨大的关注和流量。 截止目前为止，Angular已经迭代了15个版本，
使用jquery的validation插件实现表单校验-编程思维
前端表单校验： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单校验（使用validation插件实现）</title> 6 <script src="../jsli
jquery ajax-编程思维
一、为什么要使用JQuery的AJAX 因为传统(js里面)的AJAX的开发中，AJAX有两个主要的问题： 浏览器的兼容的问题 , 编写AJAX的代码太麻烦而且很多都是雷同的。 在实际的开发通常使用的Ajax是jQuery的ajax 二、JQuery的Ajax的API $.get(路径,[请求参数],[回调函数],[数据类型]); 数据类型：默认是字符串 $.post(路径
json的省市联动-编程思维
1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 2 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3 <html> 4 <head> 5 <title&g
jquery学习笔记-编程思维
一、jQuery的常用方法使用示例 1 // 页面加载之后执行 2 $(function(){ 3 // 事件的绑定方式1 4 $("#bt3").bind("click",function(){ 5 var old= $("#img_id").prop("width"); 6 $("#img_id").prop("width
javascript基础知识（二）-编程思维
一、JavaScript事件详解 1、事件流：描述的是在页面中结束事件的顺序 事件传递有两种方式：冒泡与捕获。 事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中，用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢？ 在 冒泡 中，内部元素的事件会先被触发，然后再触发外部元素，即： <p&
html5 — wed storage简单示例-编程思维
一、Wed Storage 概述 Wed Storage功能：在Wed上储存数据的功能，这里的储存是针对客户端本地而言的。 具体分为两种： sessionStorage，将数据保存在session对象中。session是指用户在浏览某网站时，从进入网站到浏览器关闭所经过的这段时间，也是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的如何数据。 localSto
html 基础学习笔记-编程思维
HTML 指超文本标记语言（Hyper Text Markup Language）,一种标记语言，用来描述网页的一种语言。 一、HTML 基本结构示意图 1、 HTML 标签 (HTML tag)，由尖括号包围的关键词(如 <html>)，通常是成对出现的，比如 <b>（开始标签） 和 </b>（结束标签）。 2、HTML 标题（Heading
html5 — wed sql 本地数据库示例-编程思维
1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>Title</title>6 <script src="sql.js"></script>7 </head>8 &l
html indexeddb数据库—简单示例-编程思维
indexedDB数据库的基本概念：在HTML5中，新增一种被称为“indexedDB”的数据库，该数据库是一种存储在客户端本地的NoSQL数据库。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <t
css基础学习笔记-编程思维
一、 CSS介绍 1、 CSS概述：CSS（Cascading Style Sheets）指层叠样式表，极大提高了工作效率。 2、 基础语法： 属性大于1个之后，属性之间用分号隔开 如果大于1个单词，则需要加上引号，如：p{font-family:”sans serif”;} CSS注释：以“/*”开始，以“*/”结束。 3、 高级语法 ① 选择器分组 h1,h2,h3
css3 基础(1)——选择器详解-编程思维
CSS3选择器详解 一、 属性选择器 在CSS3中，追加了三个属性选择器分别为：[att*=val]、[att^=val]和[att$=val]，使得属性选择器有了通配符的概念。 选择器 示例 描述 [attribute^=value] [src^="https"] 选择每一个src属性的值以"https"开头的元素 [attribute$=valu
css3基础(3)——css3 布局属性全接触-编程思维
一、 弹性盒模型 1、弹性盒子模型介绍 弹性盒模型（Flexible Box或Flexbox）是一个CSS3新增布局模块，官方称为CSS Flexible Box Layout Module,用于实现容器里项目的对齐、方向、排序（即使在线吗大小位置、动态生成的情况）。 弹性盒模型最大的特征在于，能够动态修改子元素的宽度和高度，以满足在不同尺寸屏幕下的洽当布局。 兼容性：http:/