jq

手写一个简单的JQuery

这一生的挚爱 提交于 2020-04-14 12:24:10
【推荐阅读】微服务还能火多久?>>> 测试样本 <!--测试样本--> <body> <div id="jq">1</div> <div class="hello">2</div> <div class="hello">3</div> </body> 为什么jq 使用$(selector)就能够获取DOM呢 原生的js该怎么实现 //事实证明通过如下方式不管传入的是id选择器还是class选择器都是可行的 document.querySelectorAll(selector) 获取DOM中的第几个元素 // 因为我们获取到的是一个NodeList数组,那么当然可以通过下标获取(注意不要越界) document.querySelectorAll(selector)[0] 给元素添加class // 添加完毕以后查看DOM结构的class中就多了一个class属性world document.querySelectorAll(".hello").forEach(d=>{ d.classList.add("world") }) 添加css属性 // 我们希望给每一个元素添加上宽、高、颜色几个属性 let css = { "width": "2rem", "height": "1rem", "color": "red" } document.querySelectorAll(".hello

Jquery键盘输入

ぐ巨炮叔叔 提交于 2020-04-12 18:49:40
根据上上篇的键盘ui界面我添加了一个输入框让键盘有了输入效果如下 界面代码可以去上上篇看: https://www.cnblogs.com/2979100039-qq-con/p/12641603.html 这那个代码基础上加了一个输入框,在把键盘缩放0.7倍就可以了 接下重点是js代码同样用的是jquery写的需要到jq框架 jquery代码很简单只是一些点击事件和获取改变输入框的value值来进行输入效果 $(function(){ /* 点击键盘赋值 */ function chagekey(btn){ var inp_value = $("#inp").val(); var t = btn.html(); var map = inp_value+t; $("#inp").attr("value",map); } /* 键盘移动方法*/ $(".f_div").mousedown(function(event){ var staetX = event.pageX-$(this).offset().left; var staetY = event.pageY-$(this).offset().top; $(this).mousemove(function(event){ var x = event.pageX - staetX; var y = event.pageY -

从零开始的微信小程序入门教程(一)

大憨熊 提交于 2020-04-11 19:48:06
之前说要和同事一起开发个微信小程序项目,现在也在界面设计,功能定位等需求上开始实施了。所以在还未正式写项目前,打算在空闲时间学习下小程序。本意是在学习过程中结合实践整理出一个较为入门且不是很厚的教程,但也很难保证时间充裕能一直写下去。所以先开个头留个坑,那么本文开始先从小程序注册到创建第一个小程序说起: 一、从注册开始 要开发小程序自然要申请注册一个小程序,我们先进入 微信公众平台 注册账号(若有账号则直接登录)。 因为微信公众号同时管理着订阅号,公众号以及小程序等多种账号,所以这里要选择小程序账号类型;记住,不同公众号服务之间账号不通用,所以使用注册的邮箱不能被 其它公众号服务或者自己微信绑定过 。 可以看到上图中我最后注册的邮箱是新浪邮箱,因为我的QQ邮箱被自己微信绑定过了,无法再次使用。 注册完成后登陆,就可以创建 自己的小程序了,这里不累赘,请按照提示依次填写小程序信息;在填写完成创建小程序后,我们可以得到一个小程序ID,就像每个人的身份证ID是独一无二一样,每个小程序也有独一ID,我们在后期小程序开发工具中会利用此ID开发你的小程序,所以这里需要留意一下这个东西。 二、安装开发者工具 前往 官网下载 微信小程序开发者工具,这里提供了三个版本,我下载了稳定版。双击安装,还是别建议默认装在C盘,强迫症。安装完成后双击启动软件,选择小程序;界面顶端有新建项目和导入项目两种

How to convert a json response into yaml in bash

强颜欢笑 提交于 2020-04-10 18:41:09
问题 I read data from a json file with jq. I wanna append the results into a yaml file, but I dont get it working. I am quite new to shell programming. My goal is to append that "users" to an existing "users"-Array in a yaml file. This is my json file: #$DEFAULTS_FILE {"users": [ {"name":"pi", "gecos": "Hypriot Pirate", "sudo":"ALL=(ALL) NOPASSWD:ALL", "shell": "/bin/bash", "groups":"users,docker,video", "plain_text_passwd":"pi", "lock_passwd":"false", "ssh_pwauth":"true", "chpasswd": {"expire":

JS设计模式之MODULE(模块)模式

▼魔方 西西 提交于 2020-04-10 08:55:23
9.2Module (模块)模式 通常能够帮助我们清晰地分离和组织项目中的代码单元 js 中实现模块的方法 1 》对象字面量表示法 2 》 Module 模式 3 》 AMD 模式 4 》 CommonJS 模块 5 》 ECMAScript Harmony 模块 Module 模式某种程度上是基于对象的字面量 9.2.1 对象字面量 在对象字面量表示法中,一个对象被描述为一组包含在大括号 {} 中、以逗号分隔的 name/value 对。对象内的名称可以是字符串或标识符,后面跟着一个冒号。对象中最后的一个 name/value 对的后面不用加逗号,如果加逗号将会导致出错。 Var myObjectLiteral={ variableKey:variableValue; functionKey:function(){ // } }; 对象字面量不需要使用 new 运算符进行实例化,但不能用在一个语句的开头,因为开始的可能被解读为一个块的开始。在对象的外部,新成员可以使用如下赋值语句添加在字面量上,如: myModule.property="some Value"; 使用对象字面量有助于封装和组织代码, Module 模式仍然使用对象字面量,但只是作为一个作用域函数的返回值。 var myModule= { myProperty: "somevalue" , //

Javascript 汉字转首字母的拼音 js文件(支持多音字的选择)

谁说我不能喝 提交于 2020-04-09 12:53:05
实现的效果如图: pinyin.jsp文件: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <script text="text/javascript" src="py.js" charset="GBK"></script> <style type="text/css"> table,td { border: 1px solid #CC6600; border - collapse: collapse; font - size: 12px; } #tit { font - size: 24px; } #divResult { border: 1px solid #CC6600; font - size: 14px; display: none; letter - spacing: 2px } .divDan { background - color: #FFCC99 } .divShuang { background - color: #FFFFEE; font - size: 14px; } </style> </head> <body> <form name="form1"> <table width="800" cellspacing="0"

JSON JQ if without else

|▌冷眼眸甩不掉的悲伤 提交于 2020-04-08 08:39:34
问题 I use the following JQ command to filter out the JSON. My requirement is to filter out the JSON message if the expected node is present. Or else, do nothing. Hence, I use if, elif, .... sed -n "s/.*Service - //p" $1/response.log* | jq "if (.requests | length) != 0 then .requests |= map(select(.id == \"123\")) elif (.result | length ) != 0 then .result |= map(select(.id== \"123\")) else " " end" > ~/result.log Looks like else is mandatory here. I dont want to do anything inside the else block.

前端开发常用网站

牧云@^-^@ 提交于 2020-04-07 13:40:13
一、基础学习类网站 MDN开发者文档:https://developer.mozilla.org/zh-CN/ 菜鸟教程:https://www.runoob.com/ W3CSchool:http://www.w3school.com.cn/ JavaScript教程网:https://zh.javascript.info/ 谷歌开发者工具教程:https://developers.google.com/web/tools/chrome-devtools?hl=zh-cn&authuser=2 Linux整体学习:https://man.linuxde.net/rm 渐进式web应用程序核对表:https://developers.google.cn/web/progressive-web-apps/checklist 开发者中心: https://dev.dcloud.net.cn/ CSS参考笔记:http://css.doyoe.com/ Bootstrap官网:https://www.bootcss.com/ CSS优质内容网站:https://css-tricks.com/ CSS 优质内容网站:https://css-weekly.com/ HTML 优质内容网站:https://www.html5rocks.com/en/ JS 优质内容:http://www

直通大厂:Java必考系列——JVM经典面试题目(含答案)

不羁岁月 提交于 2020-04-07 12:21:52
Q1:类的加载机制是什么? 答:类加载到内存中主要有5个阶段,分别为 ①加载:将Class文件读取到运行时数据区的方法区内,在堆中创建Class对象,并封装类在方法区的数据结构的过程。 ②验证:主要用于确保Class文件符合当前虚拟机的要求,保障虚拟机自身的安全,只有通过验证的Class文件才能被JVM加载。 ③准备:主要工作是在方法区中为类变量分配内存空间并设置类中变量的初始值。④解析:将常量池中的符号引用替换为直接引用。 ⑤初始化:主要通过执行类构造器的<client>方法为类进行初始化,该方法是在编译阶段由编译器自动收集类中静态语句块和变量的赋值操作组成的。JVM规定,只有在父类的<client>方法都执行成功后,子类的方法才可以被执行。在一个类中既没有静态变量赋值操作也没有静态语句块时,编译器不会为该类生成<client>方法。 Q2:有哪些类加载器,类加载器的加载模型是什么,有什么好处? 答:①主要有启动类加载器,负责加载JAVA_HOME/lib中的类库;扩展类加载器,负责加载JAVA_HOME/lib/ext中的类库;应用程序类加载器,也称系统类加载器,负责加载用户类路径上指定的类库;也可以自定义类加载器。②类加载器之间的层次关系叫做双亲委派模型,要求除了顶层的启动类加载器外其余的类加载器都应当有自己的父类加载器。一个类收到类加载请求后会层层找父类加载器去尝试加载

直通大厂:Java必考系列——JVM经典面试题目(含答案)

主宰稳场 提交于 2020-04-07 09:48:43
Q1:类的加载机制是什么? 答:类加载到内存中主要有5个阶段,分别为 ①加载:将Class文件读取到运行时数据区的方法区内,在堆中创建Class对象,并封装类在方法区的数据结构的过程。 ②验证:主要用于确保Class文件符合当前虚拟机的要求,保障虚拟机自身的安全,只有通过验证的Class文件才能被JVM加载。 ③准备:主要工作是在方法区中为类变量分配内存空间并设置类中变量的初始值。④解析:将常量池中的符号引用替换为直接引用。 ⑤初始化:主要通过执行类构造器的<client>方法为类进行初始化,该方法是在编译阶段由编译器自动收集类中静态语句块和变量的赋值操作组成的。JVM规定,只有在父类的<client>方法都执行成功后,子类的方法才可以被执行。在一个类中既没有静态变量赋值操作也没有静态语句块时,编译器不会为该类生成<client>方法。 Q2:有哪些类加载器,类加载器的加载模型是什么,有什么好处? 答:①主要有启动类加载器,负责加载JAVA_HOME/lib中的类库;扩展类加载器,负责加载JAVA_HOME/lib/ext中的类库;应用程序类加载器,也称系统类加载器,负责加载用户类路径上指定的类库;也可以自定义类加载器。②类加载器之间的层次关系叫做双亲委派模型,要求除了顶层的启动类加载器外其余的类加载器都应当有自己的父类加载器。一个类收到类加载请求后会层层找父类加载器去尝试加载