JSON的转换 1:json变成字符串 JSON.stringify(json)方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script> <scrip
有两个, 第一步:没点击时是阴影的 第二步:点击时是2,所以去掉阴影。 第三步:再点击就加阴影(因为是1了,之前第二步去掉阴影了呀.)
移动端,点击之后某个区域后有阴影 今天偶然发现一件很奇怪的事儿。 在移动端,在我去掉css的伪类及其伪元素跟相关的js之后, 在我点击某块区域的时候,总有一个背景盖在上面,当初以为是Js搞得鬼, 后来发现却不以为然,原来是css的一个属性搞得鬼,希望可以帮到大家。 问题1: 如图所示,我所遇到的状况: 📷 问题2:去掉点击区域的边框阴影效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta cont
去掉烦人的indent提示### 如何去掉呢? 打开IDEA 的preferences|Editor|Code Style, 去掉下图中的两个勾选: 设置文件的模板### 我们创建一个java文件时
效果图: 41102.gif 在线demo 覆盖样式代码: .tcp-dynamic-watermark-container .tcp-dynamic-watermark-content { font-size: 30px; color: red; } 全部demo代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-
https://www.cnblogs.com/xiao987334176/p/14434383.html
上一篇文章:基于Openresty搭建本地简易文档中心 介绍了如何使用OpenResty搭建一个简易的文档中心。但是可能太简易了,不够好看, 我们可以用一些开源工具去搭建,比如docsify。
接着上一篇 手撸 webpack4.x 配置(一) 继续学习 webpack配置 。
1.添加到指定元素 内部 的后面 $(A).append(B); // 把 B 追加到 A $(A).appendTo(B); // 把 A 追加到 B 2.添加指定元素 内部 的前面 $(A).preappend(B); // 把 B 前置到 A $(A).preappendTo(B); // 把 A 前置到 B 3.添加到指定元素的 外部 的后面 $(A).after(B); // 把 B 放到 A 的后面 $(A).insertAfter(B); // 把 A 放到 B 的后面 4.添加
在做表单的时候,有时候需要输入时间,为了避免输入的麻烦,可以选择一些现成的时间控件。本文提供一个简单的样例,示例代码如下:(要成功运行,需要保持和本文对应的目录结构)。js/ css/ 。
埋点统计在我们业务里经常有遇到,或者很普遍的,我们自己网站也会加入第三方统计,我们会看到动态加载方式去加载jsdk,也就是你常常看到的insertBefore操作,我们很少考虑到为什么这么做,直接同步加载不行吗?统计代码会影响业务首屏加载吗?同步引入方式,当然会,我的业务代码还没加载,首屏就加载一大段统计的jsdk,在移动端页面打开要求比较高的苛刻条件下,首屏优化,你可以在埋点统计上做些优化,那么页面加载会有一个很大的提升,本文是一篇笔者关于埋点优化的笔记,希望看完在项目中有所思考和帮助。
在Vue中渲染组件的时候,不单单可以使用components来注册组件,还可以使用一个render方法来返回一个组件的html结构。
我们遇到了这样的场景,比如后台有一个支付路由,我们不想让他在面包屑窗口显示,那么我们在router.js中配置路由属性的时候就要把他的name属性去掉就可以了
由于第一次出现这个错误时是由于引入的jQuery造成,所以采用的是使用相同的协议(都采用HTTPS协议引入文件),或者将文件下载到项目中,也不存在HTTPS的问题。再次出现问题是由于使用百度地图的API,在引入js时已经给定了请求的协议是HTTP,所以最终采用了通过meta将http的不安全请求升级为https。
将 a.html 请求地址改为 /api/b,那么发送请求的时候会自动补上主机和端口号http://localhost:3000
本篇博客针对新vue2项目,老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint) success Saved lockfile. Done in 3.92s. ⚓ Running completion hooks... 📄 Generating README.md... 🎉 Successfully created project simple-vue2-vite. 👉
CSRF是”cross site request forgery”的意思,简单来说就是防止恶意页面中一个简单的form提交,就向你保持了登陆状态了网站里请求做一些你不想做的事情……言尽于此,我们之间看Laravel里的CSRF相关的内容吧!
本文主要是分享对Wordpress核心代码与功能的优化,对wordpress核心代码的优化与删减将会提升你的网站后台速度,都是为了让你的Wordpress网站更快!
有些很炫酷的界面上,为了适应整体的风格,Echarts统计图上的很多属性都要做响应的修改,以更好的状态呈现数据,今天记录Echarts去掉中间的网格线的代码。
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识
当饼状图数据比较多的时候 这个引导线显得比较杂乱无章了 这个时候需要去掉Echarts饼状图的引导线
1.margin与百分比单位 Paste_Image.png Paste_Image.png 2.margin重叠 margin重叠通常特性: 只发生在block水平元素(例如:p、div、list、
到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大家有遇到什么别的坑,欢迎补充,或者觉得我哪里写错了,欢迎指点!
会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚动
根据业务需求,找到了这个很少使用的图形,话不多说,看看该如何使用。首先要引入支持文件:可根据链接下载。 exporting.js:https://img.hcharts.cn/highcharts/modules/exporting.js xrange.js:https://img.hcharts.cn/highcharts/modules/xrange.js
addClass() siblings() removeClass() each()
这里简单汇总一下个人常用的一些简单的前端资源的地址以及功能,方便检索,以后就不再用到svn去找了。 HTML 常用空白页 地址:http://microdemo.bihe0832.com/res/index.html 说明:一个根据HTML标准写的空白页,包含常见的http meta以及css和js调用方法。 js 浏览器判断 地址:http://microdemo.bihe0832.com/res/js/brower.js 说明:JS检测当前浏览器类型,此部分功能已经专门用了一个repository来描述
jQuery 本质上虽然也是 JS,但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象,而不是 JS 方式获得的 DOM 对象,二者的 API 方法不能混合使用,若想使用对方的 API,需要进行对象的转换。
在Vue的组件开发中,有些情况组件中的 html 内容是需要通过父组件判断之后,才能有确认的。没有理由对于父组件的判断编写多个存在一定重复代码的组件来进行切换吧!这时候就需要使用到插槽 slot 了。
adminLTE的官方网站:adminLTE官方网站 和github:adminLTE的github
大家好,我是喵喵侠。在进行前端开发过程中,我们经常使用到flex布局,这种布局方式灵活便捷,但有时候也会遇到一些棘手的问题。例如,子元素宽度受挤压影响、子元素宽度超出父容器、设定的子元素宽度失效等情况。
###事件模拟 模拟触发某个元素的某个事件 格式: 元素对象.trigger(“事件名称”); $(“input”).trigger(“click”); ###鼠标移入移出事件合并 hover 将鼠标移入和移出两个事件合并到一起 //给元素添加鼠标移入移出合并事件 (“div”).hover(function(){ //鼠标移入时执行 (this).css(“color”,“red”); },function(){ //鼠标移出时执行 隐藏 元素对象.hide(时间,方法); 显示 元素对象
1. 报错提示 Uncaught SyntaxError: Unexpected token '<' 2. 报错截图 📷 3. 查看报错原因 📷 4. 分析原因 这里肯定不可能是错误的,依次向下查找; head 标签里边的 meta title script 等都是常规,没有多余的 ‘<’,没有报错; body 标签中 script 的 app.js 的静态资源文件路径错误! 📷 5. 造成问题的原因 app.js 是脚手架自动引入,也就是说不是代码的问题,而是配置问题; 查看 config 下的
生产环境中,不需要打印日志。通过对webpack进行配置,打包时自动去掉console.log
在《AngularJS入门心得1——directive和controller如何通信》我们提到“AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等。” 那么AngularJS如何弥补HTML的缺陷,指令可能是最好的回答。 指令是什么??? 指令就是一些附加在HTML元素上的自定义标记(可以是属性A、元素E、css类
周末想顺便把已经做好静态页面的webApp项目做一下SEO优化,由于不想写蹩脚的SSR代码,所以准备采用预渲染,本来想着网上有这么多预渲染的文章,随便找个来跟着做不就完了嘛,结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T
跨站脚本,称为xss这个术语用来表示一类的安全问题,指攻击者向目标web站点注入html标签或者脚本。
课程地址:https://www.imooc.com/learn/980 教程:https://cn.vuejs.org/v2/guide 放在头部,避免页面出现抖屏 挂载点 下面是原生 模板 <
ECSHOP 2.7.2 UTF-8 版本的版权信息,我暂且分为前台和后台吧,因为前后台都有,不过一般的话,都是去除前台就可以了,但是,有些BT的时候,后台也让动。
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关
书接上文:你被我撩拨了一下,从Github上下载了Vue3.0的源码。然后呢,你是不是已经迫不及待的想知道到底怎么样快速的把这个源代码用起来呢?
配置文档:https://cn.vitejs.dev/config/,基于ESM;
在gitlab上面,有一个jQuery JSONView插件,地址为:https://github.com/yesmeck/jquery-jsonview
关于文件上传漏洞不多说了吧,搞web安全的都应该接触过,在上传漏洞中我们常碰到的一种js验证比较烦人,对于网站是否启用的js验证的判断方法,无法就是利用它的判断速度来判断,因为js验证用于客户端本地的验证,所以你如果上传一个不正确的文件格式,它的判断会很快就会显示出来你上传的文件类型不正确,那我们就能判断出该网站是使用的js验证,ok,今天就教大家怎么突破它。 废话不多说了吧,直接上测试用的代码吧。
我们根据前面学过的知识,今天点击一个按钮,页面上面的数据进行变化,直接给按钮一个点击事件,写法是
在 Node.js 出现以前,以往的前端开发工作属于石器时代。而随着前端技术的大爆炸来临,我们需要赶上这一次潮流,加入到前端开发到摩登时代去。这篇博文主要是记录如何构建前端工作流。
上一节我们讲了display的inline-block属性,但是我们在工作中很少用,因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。 display的属性none lesson3.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Css</title> <meta name="keywords" content="key1, key2"> <meta nam
上一节我们讲了display的inline-block属性,但是我们在工作中很少用,因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。
领取专属 10元无门槛券
手把手带您无忧上云