相关内容
cssjshtml vue.js 动态添加class
methods_and_computed span { background: red; display: inline-block; padding: 10px; color: #fff; margin: 10px 0; } .changecolor span { background: green; } .changelength span:after { content: length; margin-left: 10px; } 动态 css class 示例 changecolor changelength brownwang newvue({ el: #vue...
js动态添加div
每次写这玩意好麻烦啊, 把他封装起来,需要的时候调用就好了思路因为每个input标签的name如果相同的话,在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字,后端用一个循环进行接收点击第一行的添加点击的时候, 将div准备好,添加到内容div中的第一个点击每行的添加将div添加到当前点击行后面一个点击...
js中的对象
我们知道javascript是一种脚本语言，这就意味着它无法独立运行，并且要在某种环境下，才能运行。 js有两个运行的环境： (1) 浏览器。 我们在.html文件中加入js代码，再通过浏览器来打开，这里浏览器就是javascript的运行环境。 在浏览器端的js而言，宿主对象就是浏览器对象。 例如： window document history (2) ...
cssjshtml vue.js router-view复用
按如下添加，home页和about页就复用了,oderingguide delivery historyapp.vue添加如下： router.js添加复用规则：{path: , components: { default:home, oderingguide:oderingguide, delivery:delivery, history:history } },router.jsimport home from .componentshomeimport menu fromcomponentsmenuimport admin ...
记录HTML网页调用引入CSS,JS方式
记录html网页调用引入js或css代码或文件，防止以后忘记，如有不对或补充，请在下面留言，谢谢！ css方式内联方式指的是直接在 html 标签中的 style 属性中添加 css。 示例： 嵌入方式指的是在 html 头部中的 标签下书写 css 代码。 示例：.mom1{background:red;} .mom1{background:red;}链接方式指的是使用 html 头部...
原生JS动态添加、删除元素&内容
整理一下原生 js 添加及删除元素和内容的相关知识，供参考。 初始html代码：（一个小实例，点击按钮删除元素） 我只是一个小元素，任人宰割。 刀是我拿的，人是我杀的一个容器，用来放添加的元素。 一个button按钮，用来动态的操作dom。 初始js代码：varcontainer=document.getelementbyid(container); varelement=...
cssjshtml css 优先级
important只有在需要覆盖全站或外部css（例如引用的 extjs 或者 yui ）的特定页面中使用! important永远不要在全站范围的 css 上使用! important永远不要...importanta)很简单，只需再添加一条 带! important的css规则，要么给这个给选择器更高的优先级（添加一个标签，id或类）； 或是添加一样选择器，把它的...
HTML5 拖放API与Vue.js实战
拖放 api 将可拖动元素添加到 html，使我们可以构建包含可以拖动的具有丰富 ui 元素的 web 应用。 在本文中我们将用 vue.js 构建一个简单的看板应用。 看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。 trello、pivotal tracker 和 jira 等工具都属于看板应用。 设置看板运行以下命令创建我们的看板项目...
Node.js 12中的ES模块
es模块从 node v8.5 开始，开发人员已经能够使用 --experimental-modules 标志运行对 es 模块规范的各种支持了。 从 node v12.4 开始，模块可以在 .mjs文件中定义（或在某些情况下【https:nodejs.orgapiesm.html】在.js文件中）。 例如：foo.mjsexport function foo() { return hello foo!; } index.mjsimport { foo ...
JS简史
其网站上的这段文字是这样阐释的：“采用 jquery 的选择器和回调创建 js 应用确实简单，但终将陷入一团乱麻； 你将手忙脚乱的保持数据在 html ui 和 js 逻辑，以及服务器数据库之间的同步。 对富客户端应用来说，更结构化的方式才是更好的”backbone的办法是将代码划分为数据模型类、操作这些数据的函数集合、显示...
cssjshtml jquery向动态生成的元素添加事件
定义和用法delegate()方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate()方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 语法$(selector).delegate(childselector,event,data,function) 参数 描述childselector 必需...
cssjshtml vue.js 站内搜索
修改config api后需要 重新执行 npm run dev，config被修改后不会自动加载。 error:uncaught-in-promise-error-request-failed-with-status-code-4042.axios不能直接将字典发送post请求，这样会报404 或者500 错误。 error:uncaught-in-promise-error-request-failed-with-status-code-500通过下面方法转换解决： let...
JS的运行机制
js是按照代码块来进行编译和执行的，代码块间相互独立(即就算代码块1出错，但不影响代码块2的加载和执行)，但变量和方法共享。 案例：2个代码块 console.log(这是代码块一); console.log (这是代码块二); html页面中js的加载原理： 在加载html页面的时候，当浏览器遇到内嵌的js代码时会停止处理页面，先执行js代码...
nodejs入门
调用 req.body 返回请求体对象3. 9.6.ejs模版渲染3.9.6.1. 设置步骤3. 9.6.1.1. 设置模板文件路径 app.set(views,文件夹绝对路径)3. 9.6.1.2. 自定义模板：app.engine(html,require(ejs).renderfile)参数1:自定义模版名称 参数2:模版引擎3. 9.6.1.3. 指定渲染模版app.set(view engine,html); 3.9.6.2. 在请求事件中...
React - jsx
jsx的渲染流程 4 4. jsx中的js和html的写法不同 5 a. js：{ js语法 } 6 i. 花括号里边一定要返回字符串才能渲染 7 ii. {{双花括号表示js语法里的对象格式 }} 8 iii.花括号里可以写表达式、三元、有返回值且返回字符串的函数调用 9 iv.花括号里直接放对象报错10 v. 数组可以直接被渲染到页面中。 11 b. html...
HTML的 script 标签引用js文件及其属性整理
document.write(helloworld!) 注意：在 html 4.01 和 xhtml 1.0 规范中，type 属性是必须的。 在 html5 规范中， script 的 type 属性默认是 textjavascript ，在《javascript dom编程艺术》一书中也明确指出，type 不需要添加。 所以，type 也可以省略： document.write(helloworld!) 引用外部js 文件：src 属性规定...
使用showdown.js将Markdown文档转换为HTML
引入showdown.js 通过showdown转换var converter = new showdown.converter(); 转换为htmlvar html = converter.makehtml(markdowntext); 将html添加到你要展示的容器alert(html); 转换前效果图? 转换后效果图? demo效果demo下载...
学习 Phaser.js HTML5游戏开发-DAY1
github.comphotonstormphaserblobmasterbuildphaser.min.js2. day1.html万事屋-phaser.js-day1 3. day1.js 1. 声明游戏对象 game 前两个参数，800,600 为游戏界面尺寸 第三个参数可以为 phaser.canvas, phaser.webgl,phaser.auto 代表浏览器渲染模式，auto = ? webgl : canvas 第四个参数代表 html 中的 dom 元素...
在 .js.jsx 文件中使用 emmet 快捷键快速编写 html 代码
emmet 是一个非常强大的 html 代码编写助力插件在项目开发的时候非常实用，需要手写几行的代码用 emmet 一行就搞定了。 emmet 的具体用法就不做本文介绍，有兴趣的可以自己去 emmet 官网看看介绍。 由于它仅在 .html 文件中可以使用，而 react 等前端框架都是在 .js 或 .jsx 文件内写 html 代码。 所以有些时候就不...
如何通过js将一base64编码的图片显示在html中
今天遇到了一个小问题，如何通过js将一base64编码的图片显示在html中？ 写了一个小的demo.1：将图片转化为base64编码格式。 在线转换工具：https:www.css-js.comtoolsbase64.html ? 2：开始写代码，步骤很简单1：创建img容器2：给img容器引入base64的图片3：将img容器添加到html的节点中代码示例 创建img容器 var img...
