通过js实现v-if

2026-08-21

JS实现一个v-if

// 获取dom var el = document.getElementById('root'); console.log(el); // 遍历dom function dealNode(el) { var childNodes = el.childNodes; [].slice.call(childNodes).forEach((node)=>{ if(node.nodeType == 1){ //节点元素的属性 var nodeAttrs = node.attributes; consol

js旋转V字俄罗斯方块

实现效果如图,也就是一个图像的旋转.注意,旋转后的文字是相对应的,而且文字还是立起的.第一次点击时显示,第二次点击时开始旋转.下面是我做这个效果的记录,方法这么差,我也就不说什么了. 先上HTML/CSS部分,这部分都是相同的.JS放在 script 标签里. <!-- Author: XiaoWen Create a file: 2016-12-04 17:03:21 Last modified: 2016-12-05 17:34:58 Start to work: Finish the wo

js ctrl+v实现图片粘贴

Node.js process 模块常用属性和方法

Node.js是常用的Javascript运行环境,本文和大家发分享的主要是Node.js中process 模块的常用属性和方法,希望通过本文的分享,对大家学习Node.js http://www.maiziedu.com/course/694/有所帮助. 如果不是和命令行工具打交道,可能我们很少有机会去用到process模块中的一些方法或者属性.不过如果你要做类似于webpack或者gulp等较为复杂的构建工具,由于bash界面就是和用户直接交流的工具,因此友好的输入输出,完整的提示都非常有必

jquery.qrcode.min.js生成二维码通过前端实现二维码生成

主体代码: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>演示:使用jquery.qrcode生成二维码</title> <style type="text/css"> .demo{width:400px; margin:40px auto 0 auto; min-height:250px;} .demo p{

(网页)css和js的版本号问题

HTML页面自动清理js.css文件的缓存,之前用的是?v=11每次都要找寻到网页进行更改,非常的麻烦. <script type="text/javascript"> document.write("<script type='text/javascript' src='js/xxxx?v="+new Date().getTime()+"'>"); </script> 以后先用这样自动方便些. 小技巧:1.自

JS onclick事件获取空间value

1. HTML onclick = btnAction(this.value) 2. JS btnAction(v){ alert(v) }

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip — Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa

使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度

使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度一些泛WEB 2.0网站为了追求用户体验,可能会大量使用CSS和JS文件.这就导致在服务器带宽一定的情况下,多用户并发访问速度变慢.如何加快网页响应速度?解决办法之一就是:依照Yahoo性能优化小组提出的N条性能优化建议对前端程序进行优化和重构,关于此文的讨论很多,在这里不再赘述. 这篇文章主要分享一下我个人在实际项目中,对于使用PHP对JS和CSS进行压缩的经验,在这里假设服务器仅支持GZIP压缩,不支持.htaccess(符合很多

项目中对模板和js，css文件进行压缩的处理类

我们知道,在html的页面中,所有空格和换行符其实都会占据一定的空间,即使使用了gzip压缩,在传输过程中依然会浪费用户的流量和我们自己服务器的带宽,此脚本就是为了解决这个问题而诞生的. 请自行下载Google Closure Compiler,和YUIcompressor点此去下载Google Closure Compiler点此去下载YUIcompressor 将compiler.jar和yuicompressor-2.4.7.jar放在与本脚本相同的目录下即可代码很简单,没什么好说的..e

node.js和ionic

1.安装node.js node -v 检测node文件是否安装成功 node --version 检查node版本号 2.Npm node package manager 管理工具管理模块 (包) 的工具模块化的好处:降低耦合度 ,可以重复使用,提高开发效率 ,有利于团队开发 node中的所有模块都是文件夹 3.Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用.该框架提供了很多基本的移动用户界面范例,例如像列表(lists).标签

JS学习之路一

1.准备 ①安装vscode 地址:https://vscode.en.softonic.com/ ②安装node.js node -v npm -v 地址:https://nodejs.org/zh-cn/download/ a.记得升级npm b.在node根目录新建文件夹node_global.node_cache c.执行命令 npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\

nohup /usr/local/node/bin/node /www/im/chat.js >> /usr/local/node/output.log 2>&1 &

nohup和&后台运行,进程查看及终止 &后台运行登出ssh终端,进程会被自动kill掉但是nohup >>XX.log 2>&1 & 登出终端进程不会被自动kill掉! 阅读目录 nohup和&后台运行,进程查看及终止 1.nohup 2.& 3.nohup和&的区别 &:是指在后台运行,当用户退出(挂起)的时候,命令自动跟着结束 nohup:不挂断的运行,注意并没有后台运行的功能,就是指用nohup运行命令可以

apache 使用htaccess自定义路由机制

先开启伪静态.详情查看这篇文章:http://www.cnblogs.com/CyLee/p/5544119.html 然后在项目根目录中新建一个.htaccess文件,加入以下代码正则中()的变量 == $1,$2,$3,$4... &%1是忽略.去掉不关注的字符串 <ifmodule mod_rewrite.c> RewriteEngine On RewriteRule ^css/(.*) /MVC/V/A001/css/$1 RewriteRule ^js/(.*) /MVC/

解决类似 Requires: libstdc++.so.6(GLIBCXX_3.4.15)(64bit)的问题

源码编译升级安装了gcc后,编译程序或运行其它程序时,有时会出现类似/usr/lib64/libstdc++.so.6: version `GLIBCXX_3.4.21' not found的问题.这是因为升级gcc时,生成的动态库没有替换老版本gcc的动态库导致的,将gcc最新版本的动态库替换系统中老版本的动态库即可解决. 1. 问题原因分析为了安装最新版本的Node.js(最新版本的Node.js使用了C++ 11中,而C++ 11需要code>gcc 4.8+才能支持),将gcc升级到了

jquery 基础教程[温故而知新二]

子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西.所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅:二来是希望可以帮助到一些刚入门的朋友.这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识.大部分都是我

jquery-jsrender使用

JsRender是一款基于jQuery的JavaScript模版引擎特点: · 简单直观 · 功能强大 · 可扩展的 · 快如闪电 jsrender使用比较简单,本文简单结束一些常用的使用过程: 1. 下载并导入相关js库(最后提供三个js源文件的源码copy,可直接使用) <script src="jsrender/jquery-1.8.0.min.js" type="text/javascript" charset="utf-8"

yii php 图片上传与生成缩略图

今天需要做图片上传与生成缩略图的功能,把代码进行记录如下: html 视图 ($pic_action_url = $this->createAbsoluteUrl('home/upload');) <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <script type="tex

了解Browserify

Browserify是一个Javascript的库,可以用来把多个Module打包到一个文件中,并且能很好地应对Modules之间的依赖关系.而Module是封装了属性和功能的单元,是一个Javascript对象,Modules之间可以相互依赖.某种程度上来说,Browserify模仿了Node.js加载Module的方式.一个js文件包含一个Module.所以,Browserify通过读取文件来加载该文件内的Module. [module的写法] 'use strict'; exports.s

编译安装GCC 4.7.2

from:http://blog.chinaunix.net/uid-20717979-id-3485672.html 安装gcc需要GMP.MPFR.MPC这三个库,可从ftp://gcc.gnu.org/pub/gcc/infrastructure/下载相应的压缩包.由于MPFR依赖GMP,而MPC依赖GMP和MPFR,所以要先安装GMP,其次MPFR,最后才是MPC.这里三个库我用的版本分别是gmp4.3.2,mpfr2.4.2和mpc0.8.1. 先开始安装GMP.解压GMP的压缩包后,

QCustomplot使用分享(三) 图

一.可以实现的图相对于其他绘制图表的第三方库来说,QCustomPlot算是比较轻量的,不仅仅能实现功能,而且二次开发比较容易.下面我们来具体说下他可以实现那些图 QCPGraph:折线图,LineStyle枚举可以设置折线图绘制的风格,主要区别是两点间连线的方式,常规的方式就是直连,其他还有L型.Z型等,如图1所示,都是折线图,只是设置了不同的折线参数:QCPScatterStyle枚举用于设置节点类型,包括:圆形.三角形等,如图2所示. QCPBars:柱状图,如图3所示 QCPFinan

通过js实现v-if

热门专题