相关内容
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
我在封装的时候喜欢先想用的时候怎么用, 然后根据这个思路来想应该怎么封装,思考如下因为添加的div肯定是不同的, 是需要传的参数,但是如果直接传div字符串也太丑了, 应该在页面直接写html,然后传id即可添加成功后需要有个回调函数,我得做些收尾的工作最好有这两个参数就可以直接运行开始码代码了:在创建的时候接收...
原生JS动态添加、删除元素&内容
整理一下原生 js 添加及删除元素和内容的相关知识，供参考。 初始html代码：（一个小实例，点击按钮删除元素） 我只是一个小元素，任人宰割。 刀是我拿的，人是我杀的一个容器，用来放添加的元素。 一个button按钮，用来动态的操作dom。 初始js代码：varcontainer=document.getelementbyid(container); varelement=...
原 ionic+js+html5 飞行射击
js+html5写一个简单的飞行游戏引擎，游戏画面使用canvas绘图，引擎核心代码不到500行，原生js，没有依赖。 代码地址：https:github.comhunjixinshootgame游戏对象设计：飞机（包括玩家和敌人）、子弹、击中效果。 具体属性见代码注释** * 基类 *function eobject (isshot){ this.oid = -1 id this.allhp = 1 总hp ...
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 ...
cssjshtml jquery向动态生成的元素添加事件
定义和用法delegate()方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。 使用 delegate()方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）。 语法$(selector).delegate(childselector,event,data,function) 参数 描述childselector 必需...
cssjshtml css 优先级
important只有在需要覆盖全站或外部css（例如引用的 extjs 或者 yui ）的特定页面中使用! important永远不要在全站范围的 css 上使用! important永远不要...importanta)很简单，只需再添加一条 带! important的css规则，要么给这个给选择器更高的优先级（添加一个标签，id或类）； 或是添加一样选择器，把它的...
学习js在线html(富文本)编辑器
2，选中要添加样式的文字。 通常我们用word编辑一段文字的样式时，一般是先打字，再编辑样式。 所以你需要一个选中要处理文本的方法。 js的selection...你要的是所见即所得html编辑器，简单来说需要几个基本步骤： 1，需要一个可以编辑同时又可显效果的编辑框。 textarea不行，它只能用来输入纯文本，不能...
cocos2d-js 入门 （主要是HTML5）
cocos2d-js是cocos2d-x的javascript版本，真正跨全平台的游戏引擎，采用原生javascript语言，可发布到包括web平台，ios，android，windows phone8，mac，windows等平台。 利用cocos2d-js开发html5游戏动画，我们可以通过sdk也可以直接使用js类库：l sdk下载：http:cn.cocos2d-x.orgdownloadl js类库：http...
利用HTML5，无JS实现各种交互效果
js捕获键盘行为手动设置outline这个方法不需要对html进行任何的改动，是通过css和js配合对全局的元素进行outline优化。 css如下： summary { user-select...#### 展开与收起是通过open属性控制的 通过在``标签上添加布尔类型的`open`属性，可以让我们的详情信息默认就是展开状态，如下html示意： 这是摘要2 这里&...
【译】JSX 如何生成 HTML 元素？
原文链接：https:scotch.iostartersreacthow-does-jsx-make-html-elementsjsx 使 我们更容易编写react 组件。 有些人可能会发现 jsx 具有很陡峭的学习曲线，这是完全可以理解的。 它不完全是 html，也不完全是 javascript，所以学习它可能需要一些时间来适应。 我们可以在没有 jsx 的情况下创建 react 应用我们可以在...
100行JS实现HTML5的3D贪吃蛇游戏
自己写不出来，站在巨人肩膀总是有机会吧，想起《基于html5的电信网管3d机房监控应用》这篇提到的threejs，babylonjs和hightopo的几种基于webgl的3d引擎，突然想挑战下自己实现个100行js的3d小游戏，折腾了一番最终采用hightopo搞了个3d贪吃蛇游戏，算了算js代码还只有90来行，终于满足了自己的小小心愿写完这篇可以...
vue项目实践-添加express-mockjs进行数据模拟
console.log(mockjs-lite定义：http:mockjs-lite.js.orgdocsexamples.html)app.listen(config.port)编写接口文件在 mock-server 文件夹创建 api 文件夹，并安装 expess-mockjs 的文档编写 jsonjs json** * interface function description* * @url api-access-path * * parameter description and other instructions...
cssjshtml css 盒模型
也就是，不要给元素添加具有指定宽度的内边距，而是尝试将内边距或外边距添加到元素的父元素和子元素。 术语翻译element : 元素。 padding : 内边距，也有资料将其翻译为填充。 border : 边框。 margin : 外边距，也有资料将其翻译为空白或空白边。 在 w3school，我们把 padding 和 margin 统一地称为内边距和外边距...
js html css实现简单轮播图
两边有两个左右方向的按钮，点击则会实现手动切换商品图片。 左下角会按照图片数量显示对应的灰色圆点，点击会显示对应的图片，并 圆点加亮显示。 document * { margin: 0; padding: 0; box-sizing: border-box; } html,body { margin: 0; padding: 0; } ul { list-style: none; } #slideshow{ width: 100vw; height...
HTML5 拖放API与Vue.js实战
拖放 api 将可拖动元素添加到 html，使我们可以构建包含可以拖动的具有丰富 ui 元素的 web 应用。 在本文中我们将用 vue.js 构建一个简单的看板应用。 看板是一种项目管理工具，使用户可以从头到尾直观地管理项目。 trello、pivotal tracker 和 jira 等工具都属于看板应用。 设置看板运行以下命令创建我们的看板项目...
学习 Phaser.js HTML5游戏开发-DAY1
官网地址：http:phaser.iogithub: https:github.comphotonstormphaser第一天目标，准备 phaser 的开发环境，跑起入门实例1. 准备环境下载 phaser.jshttps:github.comphotonstormphaserblobmasterbuildphaser.min.js2. day1.html万事屋-phaser.js-day1 3. day1.js 1. 声明游戏对象 game 前两个参数，800,600 为游戏...
记录HTML网页调用引入CSS,JS方式
记录html网页调用引入js或css代码或文件，防止以后忘记，如有不对或补充，请在下面留言，谢谢！ css方式内联方式指的是直接在 html 标签中的 style 属性中添加 css。 示例： 嵌入方式指的是在 html 头部中的 标签下书写 css 代码。 示例：.mom1{background:red;} .mom1{background:red;}链接方式指的是使用 html 头部...
学习 Phaser.js HTML5游戏开发-DAY2
第一步，搭建框架＋准备素材? 万事屋-phaser.js-day2 学习用phaser.js开发游戏－第二天 var game = newphaser.game(640, 480, phaser.canvas, game, { preload: preload, create: create,update: update }); function init() { } function preload() { } function create() { } functionupdate() { } 第二步...
eggjs实战
安装npm install egg-swagger-doc-feat -s在插件中注册： configplugin.jsuse strict; ** @type egg.eggplugin *module.exports ={ had enabled by egg static: { enable: true, } configplugin swaggerdoc:{ enable: true, package: egg-swagger-doc-feat, }}; 在config下的config.default.js添加如下配置 config...
