![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端
文章平均质量分 53
只要是涉及的前端应用构建的,如html/css/ui等
梦否
【@】bug修复,程序代做
展开
-
RESTful 规范
1. 基本概念 REST全称是Representational State Transfer,中文意思是表征性状态转移。指的是一组架构约束条件和原则。如果一个架构符合REST的约束条件和原则,我们就称它为RESTful架构。如果后台开发遵守了REST风格便可称为RESTful。REST本身并没有创造新的技术,是一种软件架构风格,以更好地使用现有Web标准中的一些准则和约束。结构清晰、符合标准、易于理解、扩展方便。 RESTful架构是对MVC架构改进后所形成的一种架构,通过使用事先定义好的原创 2021-08-29 10:36:21 · 4300 阅读 · 0 评论 -
css自定义属性变量
今天来读一读这篇文章:级联变量模块 1 级的 CSS 自定义属性 (csswg.org)印入眼帘的是w3c的css相关的代码仓库地址:w3c/csswg-drafts: CSS Working Group Editor Drafts (github.com)对于css自定义属性的问题反馈地址,Issues · w3c/csswg-drafts (github.com)惊讶的发现这个参与数为2.1k,太吓人了,如下图:说明这个东西大家都很关注。对于为什么要用自定义属性介绍就没有意思的,我们直接来看原创 2021-06-01 16:25:50 · 781 阅读 · 0 评论 -
Chrome查看HTTP版本
HTTP/1.0 、HTTP/1.1 、HTTP/2.0在Name处右键,选择Protocol,就可以看见:版本信息。原创 2021-04-11 12:38:14 · 4646 阅读 · 2 评论 -
tabbar图标切换 要点击两次才能有选中状态问题
问题:tabbar图标切换 要点击两次才能有选中状态原因:没有拷贝组件函数官网中所给出的自定义组件地址:here在 app.json 中添加:"tabBar": { "custom": true, "color": "#000000", "selectedColor": "#000000", "backgroundColor": "#000000", "list": [{ "pagePath": "page/component/index",原创 2021-03-04 12:43:36 · 6257 阅读 · 9 评论 -
jQuery的click函数多次执行问题
在使用,如下:var confirm = $("#"+confirmButtonID);var cancel = $("#"+cancelButtonID);confirm.click(function(){ console.log("confirm del btn click."); // 取消按钮的事件: 1. cover隐藏; 2. 该pannel的隐藏; $("#"+coverID).hide("normal"); $("#"+pannelID).hide("normal"); de原创 2021-02-11 09:08:12 · 505 阅读 · 0 评论 -
jQuery中input和select的事件响应
html页面结构如下:<div class="mypannel-add" id="mypannel-add" style="display: block; left: 609.5px; top: -16px;"> <div class="mypannel-add-title" id="mypannel-add-title">添加用户</div> <div class="mypannel-add-item"> <div class="mypann原创 2021-02-10 21:11:36 · 685 阅读 · 0 评论 -
PHP 数据类型
数据类型String(字符串), Integer(整型), Float(浮点型), Boolean(布尔型), Array(数组), Object(对象), NULL(空值)。<?php $x = 10.365; var_dump($x);//函数返回变量的数据类型和值 $x = 12; var_dump($x); $x = true; var_dump($x); $...转载 2019-03-17 15:04:47 · 181 阅读 · 0 评论 -
php 简介
PHP(全称:PHP:Hypertext Preprocessor,即"PHP:超文本预处理器")是一种通用开源脚本语言。PHP 能做什么?PHP 可以生成动态页面内容 PHP 可以创建、打开、读取、写入、关闭服务器上的文件 PHP 可以收集表单数据 PHP 可以发送和接收 cookies PHP 可以添加、删除、修改您的数据库中的数据 PHP 可以限制用户访问您的网站上的一些页...转载 2019-03-17 14:31:39 · 743 阅读 · 0 评论 -
wampserver 启动的时候,还有个服务没启动
我这里是电脑自己的IIS服务器启动了。我们需要关闭。原创 2019-03-17 10:44:39 · 3992 阅读 · 0 评论 -
PHP开发环境搭建
基于wampserver和Eclipse for PHP Developers的PHP开发环境搭建1.所需软件① WampServer下载地址:http://www.wampserver.com/en/download-wampserver-64bits/点击SourceForge不难发现Download LatestVersion处的不是完整版的安装包,所以我们点击下面的WampServer3...翻译 2018-06-10 12:42:07 · 247 阅读 · 0 评论 -
如何创建我们自己的文章
步骤一: 创建文件win+R,cmd切换到站点文件目录,输入如下命令创建文章,其中title是文章的标题hexo new "title"D:\blog\weizu>hexo new howtobuildhexopageINFO Created: D:\blog\weizu\source_posts\howtobuildhexopage.md当输入命令后,就会在 source...原创 2019-04-21 16:17:11 · 601 阅读 · 0 评论 -
常见markdown语法
四月初,用github托管,搭建了静态网站,然后自己申请了域名。然后,最近的文章都写在自己的网站上面。感觉用Markdown写文章,调试。还是不得力,所以,在这两个博客中都写把,反正写好一份copy就可以了。进入正题:hexo-next搭建好后的第一篇博客用来将近三天的时间来弄这个东西,也是够笨的!刚开始就是一直看网上的各种教程,官网中的东西比较简洁,对于我这种智商欠缺的人来说还是...原创 2019-04-21 16:15:14 · 214 阅读 · 0 评论 -
用hexo搭建博客
HexoHexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。Hexo搭建步骤安装Git 安装Node.js 安装Hexo GitHub创建个人仓库 生成SSH添加到GitHu...原创 2019-04-11 11:15:35 · 166 阅读 · 0 评论 -
JavaScript学习笔记(四)- JavaScript对象(二)
☞ BooleanBoolean 对象表示两个值:"true" 或 "false"。创建 Boolean 对象的语法:new Boolean(value); //构造函数Boolean(value); //转换函数注释:如果省略 value 参数,或者设置为 0、-0、null、""、false、undefined 或 NaN,则该对象设置为 false。否则设置为 true(即使 valu...原创 2018-06-24 21:12:15 · 393 阅读 · 1 评论 -
JavaScript学习笔记(三)- JavaScript对象
☞ Array对象创建Array对象的语法:new Array(); //创建长度为0的数组对象new Array(size); //创建指定大小的数组,并且数组元素是undefinednew Array(element0, element1, ..., elementn); //创建指...原创 2018-06-20 16:17:53 · 365 阅读 · 0 评论 -
JavaScript学习笔记(二)- 基本语法
前面讲讲解了HTML和JavaScript结合的两种方式,这里我们给出两种方式的案例:① 页面内脚本<body><h1>My Web Page</h1><p id="demo">A Paragraph</p><button type="button" onclick="myFunction()&quo原创 2018-06-19 15:12:08 · 198 阅读 · 0 评论 -
JavaScript学习笔记-简介
◆ 简介 JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是一种轻量级,解释性编程语言。为了创建以网络为中心的应用程序而设计。开放和跨平台。◆ 优点 更少的服务器交互:你可以在发送网页关闭到服务器之前验证用户输入。这样节省了服务器的通信,这意味着您的服务器...原创 2018-06-19 11:03:17 · 196 阅读 · 0 评论 -
【转载】HTML自定义滚动条(仿网易邮箱滚动条)
转载: 自定义滚动条在web前端非常火爆的今天,...转载 2020-04-12 17:17:54 · 350 阅读 · 0 评论 -
CSS带箭头的提示框实现
Abstract 在使用markdown编辑器写博客的时候,发现了这个提示框很好看,如下图:图一:带箭头提示框图图二:普通提示框 下面就来依次实现一下。2. Related Data 在参考一的文章中介绍了CSS实现带箭头的提示框[1]。箭头的设计在这里其实有三种可行方案:考虑使用图片作为顶部的三角的背景;考虑使用SVG来绘制顶部的三角图形;纯粹的依靠...原创 2020-04-07 18:00:35 · 2878 阅读 · 0 评论 -
JavaScript事件委派
说的挺高级的,其实也就是由于在添加监听事件的时候,由于子元素在动态创建而没有在统一调用事件绑定函数调用的时候添加相应的事件监听函数,那么这个绑定监听函数不妨就交给父元素来处理,就叫做事件委派。好处: 如果有很多个子元素,逐个添加监听函数成本高,在父元素上只添加一个监听函数,然后判断处理,代价较小;动态添加子元素的时候,就不需要再写额外的对应的监听函数;来个案例:<!DO...原创 2020-03-29 11:14:16 · 194 阅读 · 0 评论 -
JavaScript的原型与原型链
不妨从一个案例入手:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> </head> <body> <div id="weizu"> </div> <script> function per...原创 2020-03-29 10:42:28 · 137 阅读 · 0 评论 -
CSS+JavaScript封装一个图标旋转组件
1. 前言: 由于自己想封装一个类似Bootstrap的前端框架,当然也只是简单实现。看见了一个网站上的上下箭头的旋转动态效果,于是就想着自己也来封装一个这个效果。效果如下:2. 说明: 图标是文字图标,也即是svg生成的字体。所以在页面显示字体图标就需要结合content和伪类before或者after来使用。3. 思考: 不妨先来理理思路。旋转效果我们需要用到cs...原创 2020-03-22 10:38:56 · 575 阅读 · 0 评论 -
js正则表达式中写变量
问题,如题。在处理匹配关键字(很多)的时候,发现需要传入关键字的变量来动态生成合适的正则表达式是必要的。如下面的关键字:var keywords = ['.', '*', "#", 'html', 'body','head','div','span','p','ul','li','ol' ,'a','code','pre','center','font','form','table','inp...原创 2020-03-18 10:38:38 · 1496 阅读 · 0 评论 -
css计数器的应用-页面显示代码的行号
下面就来仿写一个在html页面中的css代码‘高亮’显示,效果如下:在页面中,只需要写入下面的html代码:<div class="code"> <pre class="language-css"> <code class="language-css"> .cite-block{ margin: 20px 0; backgrou...原创 2020-03-17 17:46:33 · 939 阅读 · 0 评论 -
CSS计数器
今天在看某个网页,右键检查元素的时候,发现了一个比较有意思的属性:counter-increment。然后就去w3school里面找了一下,然后就找到了一个比较有意思的案例,喜欢动手的可以直接点链接,参与编辑运行测试,下面我把代码拷贝到这里,然后理解一下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http...原创 2020-03-17 15:09:20 · 240 阅读 · 0 评论