wcj@2000
wcj@2000

JavaScript基础（前端的知识，很详细，很详细，很详细）

JavaScript：

  • 概念： 一门客户端脚本语言

    • 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
    • 脚本语言：不需要编译，直接就可以被浏览器解析执行了

  • 功能：

    • 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。

  • JavaScript发展史：

    1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为 ： C-- ，后来更名为：ScriptEase
    2. 1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript
    3. 1996年，微软抄袭JavaScript开发出JScript语言
    4. 1997年，ECMA(欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，就是统一了所有客户端脚本语言的编码方式。
    • JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

  • ECMAScript：客户端脚本语言的标准

    1. 基本语法：

      1. 与html结合方式

        1. 内部JS：
          • 定义< script>，标签体内容就是js代码
        2. 外部JS：
          • 定义< script>，通过src属性引入外部的js文件
        • 注意：
          1. < script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
          2. < script>可以定义多个。

      2. 注释

        1. 单行注释：//注释内容
        2. 多行注释：/* 注释内容*/

      3. 数据类型：

        1. 原始数据类型(基本数据类型)：

          1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
          2. string：字符串。 字符串 “abc” “a” ‘abc’
          3. boolean: true和false
          4. null：一个对象为空的占位符
          5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined

        2. 引用数据类型：对象

      4. 变量

        • 变量：一小块存储数据的内存空间

        • Java语言是强类型语言，而JavaScript是弱类型语言。

          • 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
          • 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

        • 语法：

          • var 变量名 = 初始化值;

        • typeof运算符：获取变量的类型。

          • 注：null运算后得到的是object

      5. 运算符

        1. 一元运算符：只有一个运算数的运算符
          ++，-- ， +(正号)

          • ++ --: 自增(自减)
            • ++(–) 在前，先自增(自减)，再运算
            • ++(–) 在后，先运算，再自增(自减)
          • +(-)：正负号
          • 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
            * 其他类型转number：
            * string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
            * boolean转number：true转为1，false转为0

        2. 算数运算符
          + - * / % …

        3. 赋值运算符
          = += -=…

        4. 比较运算符 > < >= <= == ===(全等于)

          • 比较方式
            1. 类型相同：直接比较
              • 字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止。
            2. 类型不同：先进行类型转换，再比较
              • ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false

        5. 逻辑运算符
          && || !

          • 其他类型转boolean：
            1. number：0或NaN为假，其他为真
            2. string：除了空字符串("")，其他都是true
            3. null&undefined:都是false
            4. 对象：所有对象都为true

        6. 三元运算符
          ? : 表达式
          var a = 3;
          var b = 4;

          var c = a > b ? 1:0;

          • 语法：
            • 表达式? 值1:值2;
            • 判断表达式的值，如果是true则取值1，如果是false则取值2；

      6. 流程控制语句：

        1. if…else…
        2. switch:
          • 在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
            • switch(变量):
              case 值:
          • 在JS中,switch语句可以接受任意的原始数据类型
        3. while
        4. do…while
        5. for

      7. JS特殊语法：

        1. 语句以;结尾，如果一行只有一条语句则 ;可以省略 (不建议)
        2. 变量的定义使用var关键字，也可以不使用
          • 用： 定义的变量是局部变量
          • 不用：定义的变量是全局变量(不建议)

      8. 练习：99乘法表

		<!DOCTYPE html>
		<html lang="en">
		<head>
		    <meta charset="UTF-8">
		    <title>99乘法表</title>
		    <style>
		        td{
		            border: 1px solid;
		        }
		
		    </style>
		
		    <script>
		
		        document.write("");//1.完成基本的for循环嵌套，展示乘法表for(var i =1; i <=9; i++){
		            document.write("");for(var j =1; j <=i ; j++){
		                document.write("");}/*//输出换行
		            document.write("
");*/
		
		            document.write("");}//2.完成表格嵌套
		        document.write("

		
		
		        
		             

		               ");
		
		                //输出  1 * 1 = 1
		                document.write(i + " * " + j + " = " + ( i*j) +"   ");
		
		                document.write("
		            
		            

		        
		
		        
");
		
		    </script>
		</head>
		<body>
		
		</body>
		</html>
  1. 基本对象：

    1. Function：函数(方法)对象
      1. 创建：
      1. var fun = new Function(形式参数列表,方法体); //忘掉吧
      2.
      function 方法名称(形式参数列表){
      方法体
      }
      3.
      var 方法名 = function(形式参数列表){
      方法体
      }
      2. 方法：
      3. 属性：
      length:代表形参的个数
      4. 特点：
      1. 方法定义是，形参的类型不用写,返回值类型也不写。
      2. 方法是一个对象，如果定义名称相同的方法，会覆盖
      3. 在JS中，方法的调用只与方法的名称有关，和参数列表无关
      4. 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数
      5. 调用：
      方法名称(实际参数列表);

    2. Array:数组对象
      1. 创建：
      1. var arr = new Array(元素列表);
      2. var arr = new Array(默认长度);
      3. var arr = [元素列表];
      2. 方法
      join(参数):将数组中的元素按照指定的分隔符拼接为字符串
      push() 向数组的末尾添加一个或更多元素，并返回新的长度。
      3. 属性
      length:数组的长度
      4. 特点：
      1. JS中，数组元素的类型可变的。
      2. JS中，数组长度可变的。

    3. Boolean

    4. Date：日期对象
      1. 创建：
      var date = new Date();
      2. 方法：
      toLocaleString()：返回当前date对象对应的时间本地字符串格式
      getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差

    5. Math：数学对象
      1. 创建：
      * 特点：Math对象不用创建，直接使用。 Math.方法名();
      2. 方法：
      * random():返回 0 ~ 1 之间的随机数。 含0不含1
      * ceil(x)：对数进行上舍入。
      * floor(x)：对数进行下舍入。
      * round(x)：把数四舍五入为最接近的整数。
      3. 属性：
      PI

    6. Number

    7. String

    8. RegExp：正则表达式对象

      1. 正则表达式：定义字符串的组成规则。
        1. 单个字符:[]
          如： [a] [ab] [a-zA-Z0-9_]
          • 特殊符号代表特殊含义的单个字符:
            \d:单个数字字符 [0-9]
            \w:单个单词字符[a-zA-Z0-9_]
        2. 量词符号：
          ?：表示出现0次或1次
          *：表示出现0次或多次
          +：出现1次或多次
          {m,n}:表示 m<= 数量 <= n
          * m如果缺省： {,n}:最多n次
          * n如果缺省：{m,} 最少m次
        3. 开始结束符号
          • ^:开始
          • $:结束
      2. 正则对象：
        1. 创建
          1. var reg = new RegExp(“正则表达式”);
          2. var reg = /正则表达式/;
        2. 方法
          1. test(参数):验证指定的字符串是否符合正则定义的规范

    9. Global

      1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。 方法名();

      2. 方法：
        encodeURI():url编码
        decodeURI():url解码

        encodeURIComponent():url编码,编码的字符更多
        decodeURIComponent():url解码

        parseInt():将字符串转为数字
        * 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
        isNaN():判断一个值是否是NaN
        * NaN六亲不认，连自己都不认。NaN参与的==比较全部问false

        eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。
        3. URL编码
        url编码是一种浏览器用来打包表单输入的格式。浏览器从表单中获取所有的name和其中的值 ，将它们以name/value参数编码（移去那些不能传送的字符，将数据排行等等）作为URL的一部分或者分离地发给服务器。不管哪种情况，在服务器端的表单输入格式样子象这样：
        theName=Ichabod+Crane&gender=male&status=missing& ;headless=yes

你可能感兴趣的:(前端)

  • HTML页面设计——动态照片环
    #前端开发##html超文本标记语言结构学习他的标签##css美化页面其实一部分的网站首页应用了照片环的原理，使得页面看起来更加美观，这里为大家分享一个简单的照片环编写。一、准备好以下素材：二、新建一个HTML文件，这里就取名“01-照片环”好了。三、现在开始编写具体内容，照片环说白了就是几个照片构成的所以body只要写就可以了，编写的时候注意图片的格式是.jpg、.png还是.gif(动态图)。
  • vue-cron: Cron表达式UI组件开发指南 刘通双Elsie
    vue-cron:Cron表达式UI组件开发指南项目地址:https://gitcode.com/gh_mirrors/vu/vue-cron项目介绍vue-cron是一个基于Vue框架设计的cron表达式UI组件库.该项目特别适用于那些需要在前端界面中提供cron表达式编辑功能的应用场景。通过简洁直观的接口，开发者可以轻松地将此组件集成到他们的Vue应用程序中，以实现对定时任务计划的精确控制。该
  • vue el-date-picker 直接赋值时控件失效 梓暮 ITvue.js前端elementui
    项目场景：前端vueel-date-picker控件无故失效问题描述本人是主打后端，新进的公司要求前后端全干，然后又因为前端做得少，所以经常碰到一些奇怪的问题，比如以下操作，是给vue前端el-date-picker这个时间控件赋值，但是发现，数据是赋值上去了，但是控件失效了，怎么点都没用if(resData.batchEntity.manage_scene_start_time!=null&&r
  • java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw 兮兮科技 javamybatis开发语言
    java毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lwjava毕业设计房产中介系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • vue大数据量列表渲染性能优化：虚拟滚动原理 Java小卷 Vue3开源组件实战vue3自定义Tree虚拟滚动
    前面咱完成了自定义JuanTree组件各种功能的实现。在数据量很大的情况下，我们讲了两种实现方式来提高渲染性能：前端分页和节点数据懒加载。前端分页小节：Vue3扁平化Tree组件的前端分页实现节点数据懒加载小节：ElementTreePlus版功能演示：数据懒加载关于扁平化结构Tree和嵌套结构Tree组件的渲染嵌套结构的Tree组件是一种递归渲染，性能上比起列表结构的v-for渲染比较一般。对于
  • 前端編譯 : Babel 基礎入門 林cc 前端babel前端
    前端編譯:Babel基礎入門前言正文什麼是Babel?Babel模塊介紹babel-cli從項目中運行BabelCLIbabel-registerbabel-nodebabel-core配置Babel.babelrcbabel-preset-es2015babel-preset-react執行Babel生成的代碼babel-polyfillbabel-runtimepresetsvsplugins
  • 前端跨域解决方案（10）：document.domain 骆驼Lara 前端跨域解决方案汇总前端javascript
    1document.domain核心同源策略要求两个页面的协议、域名、端口完全一致，否则视为跨域。例如：主域名site.com与子域名a.site.com因域名不同，属于跨域；http://a.site.com:8080与http://a.site.com:80因端口不同，属于跨域。document.domain允许将子域的域名设置为共同的主域名（如site.com），使浏览器认为不同子域“同源”
  • 前端跨域解决方案（8）：window.name
    1window.name核心window.name是浏览器窗口的一个属性，它有两个关键特性：跨域共享：无论窗口的URL如何变化，window.name的值始终保持不变；容量大：可存储最大约2MB的数据（不同浏览器略有差异）。这使得window.name成为跨域通信的一种特殊方式：通过iframe加载跨域页面，利用window.name传递数据。window.name跨域的核心流程如下：主页面创建指
  • 前端跨域解决方案（9）：location.hash 骆驼Lara 前端跨域解决方案汇总前端javascript
    1location.hash核心location.hash是URL中的锚点（如#section），它有两个关键特性：跨域可见：在A域名页面中，可通过iframe加载B域名页面，并修改其location.hash；不影响页面：修改hash不会触发页面刷新，也不会将数据发送到服务器。这使得location.hash成为跨域通信的一种轻量级方式：通过iframe加载跨域页面，利用location.has
  • 前端开发者必看：Node.js实战技巧大揭秘 大厂前端小白菜 前端开发实战node.jsvim编辑器ai
    前端开发者必看：Node.js实战技巧大揭秘关键词：前端开发者、Node.js、实战技巧、模块化开发、性能优化、Express框架、Webpack摘要：本文专为前端开发者打造，旨在深入揭秘Node.js的实战技巧。首先介绍了Node.js的背景和对前端开发的重要性，接着详细阐述了Node.js的核心概念与联系、核心算法原理及具体操作步骤，通过数学模型和公式进一步加深理解。然后结合实际案例，从开发环
  • 前端跨域解决方案（7）：Node中间件 骆驼Lara 前端跨域解决方案汇总前端中间件javascript
    1Node中间件核心1.1为什么开发环境需要Node代理？在前端开发中，我们常遇到：前端运行在localhost:3000，后端API在localhost:4000，跨域导致请求失败。而传统解决方案有以下局限性：修改后端CORS配置：需后端开发配合，增加沟通成本；生产环境与开发环境配置不一致。配置Nginx反向代理：修改配置后需重启服务，打断开发流程；配置文件管理复杂。Node中间件代理（如htt
  • ios15及以上webview、Safari使用Websocket断连，1006无清晰错误码
    文章目录问题表现：定位疑似原因：解决方式：定位问题思路过程记录：1、对比前端代码运行环境问题2、写纯请求前端代码连接，确认是否接口部署服务问题；3、IOS连接是否有对TSL安全协议版本有要求（使用的wss协议）4、验证iOS网络是否稳定&查阅信息是否iOS会出现频繁断连又迅速重连情况5、自己搞个nodedemo验证纯连接问题：6、IOS自身多运行环境对比：QQ频道应用、QQ聊天框、safari、c
  • Gitee 持续集成与交付（CI/CD）篇
    Gitee持续集成与交付（CI/CD）篇文章目录Gitee持续集成与交付（CI/CD）篇什么是CI/CD？GiteeGo介绍✨核心特性支持的技术栈提交项目进行CI/CD第一步：创建.gitee-ci.yml文件第二步：配置项目设置第三步：提交代码触发构建制品库配置Maven制品库配置Docker制品库配置npm制品库配置⚙️流水线配置示例与实践JavaSpringBoot项目示例Vue.js前端项
  • 【数字IC前端笔试真题精刷（2022.7.28）】芯动——数字IC验证工程师（1号卷-验证） ReRrain #数字IC笔试
    声明：本专栏所收集的数字IC笔试题目均来源于互联网，仅供学习交流使用。如有侵犯您的知识产权，请及时与博主联系，博主将会立即删除相关内容。笔试时间：2022-7-28；题目类型：不定项（10x1’=10’）【错选不得分，少选得1/3分】问答（9x10’=90’）文章目录不定项1、(单选)在verilog语言中，a=4'b1011，那么&a=()2、(单选)SystemVerilog中类默认的成员属性
  • 【架构篇】微前端架构设计与qiankun实战 全息架构师 Java前沿探索：引领技术新风尚架构前端
    【架构篇】微前端架构设计与qiankun实战阅前必看：本文是《前端开发完全指南》系列的第十七篇，包含15个核心代码示例、8张系统架构图解、2个企业级落地案例。通过qiankun+ModuleFederation实现前端应用自由组合，支撑百万级PV应用！目录微前端核心价值技术方案全景对比qiankun架构设计主子应用通信方案样式隔离方案沙箱机制解析资源加载优化权限体系集成性能监控方案中台系统实战一、
  • 实用前端vue页面引入 .md文件 xqqwyy vuevue.js前端javascriptvue
    项目场景：提示：这里简述项目相关背景：vue前端页面引入.md文件解决方案：提示：这里填写该问题的具体解决方案：1.安装依赖npminstallvue-markdown-loader--save2.vue.config.js中配置chainWebpack:config=>{config.module.rule("md").test(/\.md/).use("vue-loader").loader(
  • 每天一个前端小知识 Day 14 - 前端状态管理深入实践 蓝婷儿 前端面试前端
    前端状态管理深入实践（Redux、Pinia、Zustand等）为什么需要状态管理？当组件之间状态通信越来越复杂时，靠props和事件传递会变得非常难维护。状态管理工具提供：目标实现方式状态集中管理将状态集中存放，避免组件深层传递状态可预测、可追踪有清晰的流转逻辑（Action→Reducer→Store）跨组件通信无需propsdrilling（逐层传递）支持模块拆分与中间件支持插件化、按模块加
  • vue3.0(十六)路由vue-router 程楠楠&M vue3.0vue.js前端javascripthtml5vue-router
    文章目录路由vue-router路由1.vue-router功能2.vue-router组成3.vue-router常用的函数vue-router使用1.安装2.vue3.0配置3.vue2.0配置4.基本用法5.编程式导航6.路由懒加载导航守卫路由的两种工作模式路由路由(routing)路由是指从源页面到目的页面时，决定端到端路径的决策过程。前端路由前端路由即由前端来维护一个路由规则。实现模式有
  • 关于电商秒杀系统中防超卖、以及高性能下单的处理方案简述 Java鼠鼠吖 java
    秒杀抢购系统的成功平稳运行，有一些需要注意的知识点。1高并发，以及刷接口等黑客请求对服务端的负载冲击2高并发时带来的超卖，即商品数量的控制3高负载下，下单的速度和成功率的保证4其他以秒杀单品为例，如抢小米手机。解决方案探讨：第一步限制前端发来的请求量免费领取Java学习资料譬如定在了周二10点开启抢购，那么在之前的一周时间内，都会有预约通知，或者普通的用户浏览。通过预约量、浏览量等数据分析，大概能
  • 使用JavaScript构建交互式Web页面：从基础到高级功能（附带实现代码~） 一ge科研小菜菜 Java前端开发javascript
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注1.引言JavaScript作为现代网页设计的核心技术之一，已发展成为前端开发中必不可少的编程语言。随着互联网的不断进化，用户对网页体验的需求日益增长，开发者需要借助JavaScript来实现页面动态交互、用户界面更新和复杂的数据操作。JavaScript的生态系统也日趋完善，从基础的ES6+特性到各种强大的前端框架如React、Vue和Angu
  • html5路由如何在nginx上部署（vite+vue3） 大眼小夫 html5nginx前端
    我们知道前端常用的有Hash模式和html5模式的路由，hash模式在nginx上部署不需要额外的操作，而html5模式则需要额外设置，这里介绍下如何在nginx根地址（location/{}）下部署和在非根地址上（location/admin{}）部署。在这之前，我先说一下为什么html5路由需要在nginx上配置，我们知道，vue-router就是用来处理路由的，我我们在浏览器上输入地址时，这
  • Vue-I18n 组件化本地化方案详解
    Vue-I18n组件化本地化方案详解vue-i18n:globe_with_meridians:InternationalizationpluginforVue.js项目地址:https://gitcode.com/gh_mirrors/vu/vue-i18n前言在现代前端开发中，国际化(i18n)已成为构建全球化应用的重要环节。Vue-I18n作为Vue.js生态中最流行的国际化解决方案，提供了
  • 使用 ESLint + Prettier + Husky + lint-staged 构建统一的代码风格及检查工作流 爱宇阳 VueGIThuskylint-staged
    现代前端开发中，维护代码一致性和避免低级错误是团队协作的关键。通过整合以下工具，可以构建一套高效的代码风格检查+自动格式化+提交钩子工作流：✅ESLint：语法规则检查✅Prettier：统一格式化风格✅Husky：Git提交钩子✅lint-staged：仅检查本次提交相关的文件一、项目初始化（以Vue3+Vite项目为例）pnpmcreatevitemy-app--templatevue-tsc
  • 【前端】JS模块化解析-ESModule 果壳~ javascript前端开发语言
    目录基本介绍基本使用导入导出方式3种结合使用default用法import函数ESModule的解析流程导入的变量无法，导入方无法修改导出的变量，只能由导出方进行修改如果确实想在导入这边对导出的值进行修改，可以自定义set回调函数CommonJS和ESModule相互引用实验一下基本介绍JavaScript没有模块化一直是它的痛点，所以才会产生我们前面学习的社区规范:CommonJS、AMD、CM
  • 研一自救指南 - 06.HTML5系统学习 东部欧安时 html5
    前情提要：研一自救指南-01.java面向对象（黑马）研1自救指南-02.Java+AI智能辅助编程（黑马）研一自救指南-03.面向面经预习（前端）研一自救指南-04.面试狂刷（前端日常实习）研一自救指南-05.JavaScript系统学习基于W3school的HTML5学习1.html元素html链接点击这里//图像换行横线2.html样式背景颜色、对齐方式设置字体、颜色、大小3.文本格式化Th
  • AI测试驱动的大前端质量保障体系构建与实践 欧阳天羲 AI开发前端人工智能前端
    一、引言：大前端测试的新挑战与AI破局在大前端开发规模与复杂度持续攀升的背景下，传统测试方法已难以满足快速迭代的需求。随着小程序、APP和Web应用的多端协同开发成为常态，测试覆盖率不足、执行效率低下、缺陷定位困难等问题日益凸显。AI凭借强大的数据分析与智能决策能力，为构建高效、精准的大前端质量保障体系提供了新路径。本文将结合多端项目实践，深入探讨AI在大前端测试各环节的应用，通过实际代码示例展示
  • AI辅助大前端开发的性能瓶颈突破与体验优化
    在大前端开发技术飞速发展的当下，应用功能日趋复杂，性能瓶颈已成为制约用户体验的关键因素。AI凭借强大的数据分析与智能决策能力，为大前端开发带来了性能优化的新思路。本文将结合小程序、APP和Web等典型开发场景，深入探讨AI在大前端性能优化中的具体应用，并通过丰富的代码示例展示实践过程。一、资源加载优化（一）智能资源预加载在大前端应用中，资源加载速度直接影响页面的启动时间。AI通过分析用户行为数据和
  • Vue-12-前端框架Vue之应用基础生命周期和自定义hooks 皮皮冰燃 Vuevue.js前端框架前端
    文章目录1生命周期的理解2vue2的生命周期2.1创建工程2.2App.vue(根组件)2.3Person.vue(子组件)2.4生命周期钩子示例2.4.1Person.vue2.4.2App.vue3vue3的生命周期3.1创建工程3.2App.vue(根组件)3.3Person.vue3.4挂载流程4hooks(钩子)4.1准备效果(Person.vue)4.2hooks4.2.1useDog
  • Vue3基础（5）——前端路由、vue-router 番大茄子 Vuevue.jsjavascript
    黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili喜欢的小伙伴们别忘了投币，点赞，收藏呦，历经5年的反复打磨与锤炼，黑马程序员重磅推出全套最新的Vue2+Vue3基础课程。共计500多集的免费视频，助您轻松掌握前端圈最火的Vue框架！https://www.bilibili.com/video/BV1zq4y1p7ga?p=399&
  • 前端替换打包后文件中的内容方案（可用于渗透测试后将问题版本号清空临时解决方案） Anarkh_Lee 前端nodevue前端vuenode.js
    1.问题背景在前端项目安全扫描过程中，经常遇到第三方依赖库版本安全风险提示。然而，直接升级依赖库可能导致以下问题：升级成本高，需要全面回归测试可能引入新的兼容性问题项目稳定性风险增加开发周期延长本文介绍一种在构建过程中优化版本信息的技术方案，适用于紧急情况下的临时处理方案。2.实现思路该方案主要通过以下步骤实现：识别构建后文件中包含的第三方库版本信息创建构建后处理脚本，去除特定版本号信息集成到现有
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他