脚本 | 易学教程

wangEditor编辑器控件里textarea的id不要用content

阅读更多关于 wangEditor编辑器控件里textarea的id不要用content

头引用 <script type = "text/javascript" src = "js/jquery-1.10.2.min.js" ></script> <script type = "text/javascript" src = "js/wangEditor.js" ></script> <script type = "text/javascript" src = "js/base.js" ></script> <script src = "https://cdn.bootcss.com/layer/1.8.5/layer.min.js" ></script> <link href = "https://cdn.bootcss.com/layer/1.8.5/skin/layer.css" rel = "stylesheet" > 出错症状正确 <textarea id = "textarea" name = "content" style = " height : 300px ; max - height : 1000px ; " > 错误 <textarea id = "content" name = "content" style = " height : 300px ; max - height : 1000px ; " > 我也不懂为什么来源：博客园作者：

layui入门

阅读更多关于 layui入门

layui入门先解压下载的压缩包，然后导入文件：导入一个layui.css代码和layui.js代码: <link rel = "stylesheet" href = "../layui-v2.5.4/css/layui.css" > <script src = "../layui-v2.5.4/layui.js" type = "text/javascript" ></script> 例子1:hello word: <%@ page language = "java" contentType = "text/html; charset=utf-8" pageEncoding = "utf-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" > <meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" > <title>

JSONP原理及简单实现

阅读更多关于 JSONP原理及简单实现

全称 JSON with Padding，用于解决AJAX跨域问题的一种方案。由于同源策略的限制，浏览器只允许XmlHttpRequest请求当前源（域名、协议、端口）的资源，而对请求script资源没有限制。通过请求script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，这种跨域的数据的方式被称为JSONP。 1.首先在客户端注册一个callback方法，放到window对象上，如： callbackFunction (json) { console.log(JSON) } 然后把callback的名字（callbackFunction）传给服务器。 2.服务器先生成 JOSN 数据。 3.将 JOSN 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档（如callbackFunction(JOSN)），返回给客户端。 4.客户端浏览器，将返回的JS标签插入DOM，解析script标签后，会执行callbackFunction(JOSN)。通过这种方式，即可实现跨域获取数据。 import { JSONP } from './JSONP' // 调用 JSONP({ url: 'url', data: { key1: 'key1' }, callback (data) { // data 是服务端返回的数据 } }) //

JS入门

阅读更多关于 JS入门

HTML：是标记语言，展示数据CSS：美化页面JavaScript：用户和浏览器交互 JavaScript:简称JSJS分三个部分：1、EMCAScript标准――JS的基本语法2、DOM――Document Object Model 文本对象模型3、BOM――Browser Object Model 浏览器对象模型JavaScript是一门脚本语言、一门解释性语言、一门动态类型的语言、一门基于对象的语言编译语言：需要把代码变异成二进制语言，才可以执行脚本语言：不需要编译，可以直接执行常见的脚本语言：t-sql、cmd JS代码可以分三个地方写1、在HTML文件中，script标签中2、在HTML标签中3、在JS文件中可以写，但是需要在HTML引入script标签中写上src="js文件的路径" JS代码注意问题1、在一对script标签中有错误的JS代码，那么错误代码后面的JS代码不会执行2、如果第一对script标签中有错误，不会影响后面的script标签中的JS代码支持3、script标签中可以写什么内容：标准写法type="text/javascript"或者写language="JavaScript"但是目前可以不写，因为HTML是遵循h5标准的有可能同时出现type和language的写法4、script标签在页面中可以出现多对5

虚拟dom应用

阅读更多关于虚拟dom应用

vdom如何应用，核心api是什么 1、介绍snabbdom（开源社区用的多，vue2用的是他）首先回顾下之前的vdom格式真实的dom <body> 　　<ul id="list"> 　　　　<li class="item">item 1</li> 　　　　<li class="item">item 2</li> 　　</ul> </body> js模拟的dom { 　　tag: 'ul', 　　attrs: { 　　　　id: 'list' 　　}, 　　children:[{ 　　　　tag: 'li', 　　　　attrs: { className: 'item' }, 　　　　children: ['item 1'] 　　},{ 　　　　tag: 'li', 　　　　attrs: { className: 'item'}, 　　　　children:['item 2'] 　　}] } 用js模拟的体量非常小。 https://github.com/snabbdom/snabbdom 看snabbdom里面的介绍。一个h函数，一个patch函数，就是vdom最主要的api。看h函数传的是什么。第一个是标签div，标签对应的id #container，标签对应的class，two,classes。第二个参数是，这个标签绑定了一个事件，函数叫someFn。

虚拟dom应用

阅读更多关于虚拟dom应用

导航栏、菜单栏

阅读更多关于导航栏、菜单栏

1.进入 https://github.com/VPenkov/okayNav 下载源代码 2.添加导航栏主体代码 1 < header id = "header" > 2 < a class = "site-logo" href = "#" > 3 Logo 4 </ a > 5 6 < nav role = "navigation" id = "nav-main" class = "okayNav" > 7 <ul> 8 <li> < a href = "#" >首页< /a></ li > 9 <li> < a href = "#" >商品< /a></ li > 10 <li> < a href = "#" >博客< /a></ li > 11 <li> < a href = "#" >服务< /a></ li > 12 <li> < a href = "#" >联系我们< /a></ li > 13 <li> < a href = "#" >关于我们< /a></ li > 14 <li> < a href = "#" >评论< /a></ li > 15 </ ul > 16 </ nav > 17 < /header> 3.引入两个css样式 1 < link rel = "stylesheet" href = "css

shell基础知识

阅读更多关于 shell基础知识

调试 shell -x 脚本执行 sh 脚本 [参数] （开启新的bash去执行）添加执行权限，指定路径执行（开启新的bash去执行） source 脚本（不开启新的bash去执行，可以调用当前shell环境变量） . 脚本（不开启新的bash去执行，，可以调用当前shell环境变量）区别展示环境变量先读profile，再读bashrc /etc/profile 全局环境变量 /etc/bashrc 全局bash环境谁后读谁生效 ~/.bashrc 用户bash环境 ~/.bash_profile 用户环境变量用户环境修改.bashrc文件添加export a=1,生效修改.bash_profile文件，添加export a=10,生效再次使得.bashrc生效，发现a的值再次改变全局（在没有用户变量的设置下生效）设置/etc/bashrc文件中a=10,设置/etc/profile文件中a=100,使得profile文件先生效，a的值为10 修改生效顺序，发现a的值仍为10 取消/etc/bashrc中a=10的赋值,再次生效，此时a=100 切换命令时时加 “-”切换profile文件脚本中参数的传递 $@ 多个参数对应多个变量 $* 多个参数对应一个变量 $# 变量个数 $$ 进程PID $1 第一个参数 $0 文件名编写打印脚本 #!

同源策略与跨域问题

阅读更多关于同源策略与跨域问题

浏览器的同源策略: 如果三者有一个不相同,就会造成跨域;阮一峰老师在文中曾提到过;如果不是同源,就会: Cookie,localStorage,IndexDB将不可以获取到. Dom无法获取. ajax请求失败. 我们可以使用以下几种方法: 1.iframe+window.domain 如果有两个不同源的页面,例如:a.test.com 和 b.test.com; 我们在两个页面可以设置然后我们可以使用页面window下的方法实现了共享. 如果我们在a下面定义了一个: }; 那么在b中: 2.iframe+window.name window对象有个name属性，该属性有个特征：即在一个窗口(window)的生命周期内，窗口载入的所有的页面都是共享一个window.name的，每个页面对window.name都有读写的权限。（window.name的值只能是字符串的形式，这个字符串的大小最大能允许2M左右甚至更大的一个容量，具体取决于不同的浏览器，一般够用了。）如果有两个不同源的页面,例如:a.test.com 和 b.test.com; 在a中: 在b中: js: function test(){ var obj = document.getElementById("iframe"); obj.onload = function(){ var msg = obj

React介绍以及常用知识点

阅读更多关于 React介绍以及常用知识点

版权声明：如果您对这个文章有任何异议，那么请在文章评论处写上你的评论。如果您觉得这个文章有意思，那么请分享并转发，或者也可以关注一下表示您对我们文章的认可与鼓励。愿大家都能在编程这条路，越走越远。 https://blog.csdn.net/weixin_44369568/article/details/91488960 React 1、虚拟Dom 节约资源放在内存中会利用Dom diff 算法高效 2、react 核心库 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。 3、react特点声明式设计高效灵活 JSX 组件单向响应的数据流 4、react-dom 做dom用的跑在浏览器端渲染/挂载 5、react-native native 上面有个 web-view 优点: 流畅缺点: 麻烦 6、改变this指向 apply 数组时 //

订阅脚本