前端
关注
分享
扫一扫
喵喵酱呀
我想做个有用的人
展开
-
使div块居中
你是要整个块居中还是这个块里面的内容居中？如果是整个块居中就设置margin:0px auto;如果是内容居中就设置<div align="center"></div>或者<div style="text-align:center;"></div>...原创 2018-04-15 09:12:41 · 981 阅读 · 0 评论 -
京东楼层跳跃效果（利用锚点跳转至对应楼层，或者使用animate函数）
html<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script><ul class="navWrap"> <li class="current"><a href="#item1">1原创 2018-12-31 10:07:06 · 2035 阅读 · 0 评论 -
轮播图片代码整理：类型一：闪现 JQ+原生JS
CSS<style> li{list-style: none;cursor: pointer;} .playWrap{width:1000px;height:400px;overflow: hidden;margin:0 auto; } .playWrap li{height:400px;line-height: 400px;text-align: center;font-...原创 2018-12-31 15:24:38 · 471 阅读 · 0 评论 -
新版的vue没有dev-server.js如何进行数据模拟，按照网上的教程配置了之后报错解决方法
没有dev-dever，在webpack.dev.conf.js中配置即可第一步：在代码const portfinder = require('portfinder')后面添加下面的代码const express = require('express')const app = express()//请求servervar appData = require('../data...原创 2019-01-06 09:56:43 · 695 阅读 · 1 评论 -
慕课网饿了么项目出现错误 Module build failed: Error:Cannot find module 'stylus'
解决方法：先npm install stylus --save-dev 然后npm install stylus-loader --save-dev最后npm run dev原创 2019-01-06 15:27:59 · 1136 阅读 · 0 评论 -
web前端常用指令
安装vue-cli查看全局安装目录npm list -g --depth查看当前目录(看实战案例老师的操作没有问题，但是我查看就会报错不知道问啥)npm ls原创 2019-01-03 09:24:17 · 854 阅读 · 0 评论 -
正则表达式日常总结
1、实用案例（1）、（2）、（3）、var string = "a1b2c3";string.replace()4、元字符（1）正则表达式由两种基本字符类型组成：a、原义文本字符 b、元字符（2）元字符是在正则表达式中有特殊含义的非字母字符* + ？ $ ^ . | \ () { } [ ]\t 水平制表符 \v 垂直制表符 \n...原创 2019-01-18 17:33:43 · 193 阅读 · 0 评论 -
浏览器输入URL按下enter发生了什么
输入URL并按下enter；浏览器查找当前URL是否存在缓存，并比较缓存是否过期；DNS解析URL对应的IP；根据IP建立TCP连接（三次握手）；HTTP发起请求；服务器处理请求，浏览器接收HTTP响应；渲染页面，构建DOM树；关闭TCP连接（四次挥手）；一、ULRurl由三部分组成：协议//域名：端口号（默认80端口省略）除此之外URL还包含一些路径、查询和其他片段；如h...原创 2019-01-25 17:52:10 · 2369 阅读 · 0 评论 -
JS知识点整理目录
调用堆栈原始类型值类型和饮用类型隐式、显式、名义和鸭子类型？== 和 ===,typeof与instanceofthis,call,apply,bind函数作用域，块级作用域，和词法作用域闭包map,reduce,filter等高阶函数表达式和语句变量提升promise立即执行函数，模块化，命名空间递归算法数据结构消息队列和事件循环setTimeout,setI...原创 2019-01-31 14:02:04 · 205 阅读 · 0 评论 -
dedeCMS数据库常用的几个表的数据段解析
dede_addonarticle 保存的文章内容aidtypeidbodyredirecturltempletuserip文章id所属栏目id文章body重定向url(我不知道是啥)模板发布者ipdede_arctype 栏目信息idreidtopidsortranktypenametypedirisdefaultdefa...原创 2019-01-23 15:52:26 · 608 阅读 · 0 评论 -
原生JS代码实现选项卡效果（代码结构不够精简，欢迎大佬提建议）
html<ul id="navWrap"> <li class="item active">a</li> <li class="item">b</li> <li class="item">c</li></ul&a原创 2019-02-17 11:00:11 · 252 阅读 · 0 评论 -
this的几种情况
1：当在函数调用时：指向window；2：当方法调用时：指向调用对象；3：当用apply和call上下文调用的时候：指向传入的第一个参数；4：在构造函数中：指向实例对象；...原创 2019-02-24 17:10:24 · 346 阅读 · 0 评论 -
Array()对象常用方法总结
1、concat()连接两个或者多个数组不改变原数组返回被连接后的数组2、join("!")将数组中的所有元素用！拼接成字符串并返回不改变原数组返回拼接后的字符串3、a.slice(0,2)从数组a的第一个元素开始，取两个元素组成新数组并返回不改变原数组返回新数组4、toString()把数组转换成字符串，逗号隔开不改变原数组返回数组的字符串形式...原创 2019-02-13 17:46:32 · 282 阅读 · 0 评论 -
《JavaScript高级程序设计》总结——第5章：引用类型
一、Object类型二、Array类型创建数组两种方式var colors = new Array(); //new可省略，创建length为20的数组,"20"不写就是创建个空数组var colors = new Array(“pink”,“red”);var colors = new Array();var colors = Array();var numbers = [...原创 2019-02-14 12:01:20 · 323 阅读 · 0 评论 -
一元操作符typeof和运算符instanceof的区别
比较项typeofinstanceof作用判断变量的类型参数类型一元操作符typeof作用：原创 2019-02-25 14:02:21 · 298 阅读 · 0 评论 -
JavaScript内置对象
Arguments函数参数集合Array数组Boolean数组对象Data日期对象Error异常对象Function函数构造器Math数学对象Number数值对象Object基础对象RegExp正则表达式对象String字符串对象:javascript中可以将对象分为三种：“内置对象”，“宿...原创 2019-02-25 15:52:27 · 216 阅读 · 0 评论 -
控制台使用
转载：https://github.com/wangdoc/javascript-tutorial/blob/master/docs/features/console.md转载 2019-02-27 09:30:16 · 260 阅读 · 0 评论 -
JQuery学习笔记——Ajax全接触：Ajax语法,JSON ,跨域等问题
1、$("div").ajax();$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").html(htmlobj.responseText); });});2...原创 2018-12-28 16:22:02 · 245 阅读 · 0 评论 -
html的块级元素和行内元素
在HTML中，元素主要分为块级元素和行内元素1、块级元素写完后会自动换行，有宽高，可以修改 有body,from,select,textarea,h1-h6,html,table,button,hr,p,ol,ul,dl,div,center2、行内元素是指书写完成后不会自动换行，并且元素没有宽和高 有head,meta,title,label,span,br,...原创 2018-07-11 11:38:38 · 233 阅读 · 0 评论 -
使用box-shadow做出卡片效果
文字卡片效果 （图片卡片效果在div.container上面用<img>直接引入图片即可）<!DOCTYPE html><html><head><meta charset="utf-8"> <title>使用box-shadow做出卡片效果</title> <sty原创 2018-07-25 18:48:38 · 8737 阅读 · 2 评论 -
各种导航栏写法汇总（面包屑导航栏，简单的下拉菜单，加强中……）
1、 面包屑导航栏（很多网站的头部会用这种）思路是利用了选择器li+li选择第一个li后的所有元素，并利用伪类选择器在li+li的所有元素之前加上“/”<!doctype html><head><meta charset="UTF-8"><title>面包屑导航栏</title><style>*原创 2018-07-26 19:45:19 · 4934 阅读 · 0 评论 -
小白都能理解的轮播图原理及源代码，并纠正一个轮播图误区，模仿的样式是小米官网的，但是轮播图的原理相同（还没写完）
轮播图， 应该是前端小白上手写代码后最头疼的一块了，反正我当时是从网上搜了好多博客以及bilibili视频，但要么是看不明白，要么是代码根本不能实现，反正当时发愁了很久，废话不多说了，我们开始吧！纠正误区， 搜轮播图代码的时候发现，很多人都会讲的一个问题，就是克隆首图放在尾部，克隆尾图放在首部，这么做是为了避免最后一张图到第一张图出现空白的...原创 2018-07-31 20:54:37 · 392 阅读 · 0 评论 -
数组和字符串之间的转换
1、数组转换为字符串 将数组元素以逗号隔开链接为字符串var a,b;a=new Array(1,2,3,4);b=a.join(",");2、字符串转换为数组 实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回var a="apple,pear,orange";b=a.split(","); ...原创 2018-08-23 20:44:10 · 456 阅读 · 0 评论 -
Apache下载和Apache+php环境的搭建
1、Apache下载地址http://httpd.apache.org/download.cgi 或点击Apache官网右上角Download2、然后你看到如图界面，然后往下拉找到files for Microsoft 即图中圈圈位置 3、点击图中圈圈部分，x86就是32位的计算机，x64是64位计算机，按照需求下载，记住这里的v14和v12要和后面php的选择一致 ...原创 2018-10-22 10:58:10 · 396 阅读 · 0 评论 -
JQuery学习笔记——Ajax
1、Ajax——在不重载全部页面的情况下实现部分页面的更新 (异步 JavaScript 和 XML（Asynchronous JavaScript and XML）) load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法： $(selector).load(URL,data,callba...原创 2018-10-25 10:58:08 · 255 阅读 · 1 评论 -
浏览器内核
浏览器 内核 前内核 兼容性 百度,QQ,猎豹，360 Trident IE Trident -ms- 谷歌（chrome） Blink chrome(内核原型)Webkit -webkit- Opera Blink ...原创 2018-10-25 15:48:41 · 170 阅读 · 0 评论 -
sublime注释失效解决方法
先：ctrl+~ ；后：粘入以下代码 ；按下enter键Sublime Text 3：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.reque...原创 2018-10-21 17:14:34 · 4826 阅读 · 2 评论 -
Jquery学习笔记
1、获取或设置内容//获取/设置内容$("#test").html(); //设置或返回所选元素的内容（包括 HTML 标记）$("#test").text(); //设置或返回所选元素的文本内容$("#test").val(); //设置或返回表单字段的值$("#test").attr({ //设置或返回属性值 "href","http://.原创 2018-10-23 17:25:30 · 201 阅读 · 0 评论 -
伪静态页面，URL
1：伪静态页面：伪静态是相对真实静态来讲的，通常我们为了增强搜索引擎的友好面，都将文章内容生成静态页面，但是有的朋友为了实时的显示一些信息。或者还想运用动态脚本解决一些问题。不能用静态的方式来展示网站内容。但是这就损失了对搜索引擎的友好面。怎么样在两者之间找个中间方法呢，这就产生了伪静态技术。就是展示出来的是以html一类的静态页面形式，但其实是用ASP一类的动态脚本来处理的。用IIS的404错误...原创 2018-11-17 11:22:26 · 946 阅读 · 0 评论 -
前端常用状态码
状态码 消息 100 Continue 成功 200 OK 请求已成功，请求所希望的响应头或数据体将随此响应返回。出现此状态码是表示正常状态 重定向 300 Multiple Choices 请求错误 400 Bad Request ...原创 2018-11-29 10:00:18 · 1646 阅读 · 0 评论 -
织梦各个文件/文件夹的介绍
/根目录../a 默认生成文件存放目录../data 系统缓存或其他可写入数据存放目录../dede 默认后台登录管理（可任意改名）../images 系统默认的部分系统需要的图片目录../include 程序核心系统文件目录../install 安装文件目录../member 会员系统目录../plus 插件及辅助功能目录../special 专题目录.....原创 2018-11-27 09:37:20 · 5432 阅读 · 0 评论 -
JQ知识点（20181203）
1、JQ函数直接加载$(ducument).ready(function(){})2、JQ获取元素包含内容但是不获取其子元素内容<div id='nav-btn'>文本一<span>文本二</span><span>文本三</span></div>$("#nav-btn").contents原创 2018-12-03 18:21:34 · 328 阅读 · 0 评论 -
前端的一些面试题总结，从网上整理的，等面试用
1、一个宽高200px的div在浏览器中居中div{ width:200px; height:200px; position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-100px;}2、页面分为左中右三部分，左右宽度固定，中间宽度自适应<!...原创 2018-12-23 08:58:37 · 333 阅读 · 0 评论 -
面试大题总结
1、JS数组去重方案一：（1）创建一个新数组；（2）双层for循环，用参数数组的每一项和新数组中的每一项做对比；（3）若不等，则将该项放入新数组；（4）若相等，则继续比较参数数组的下一项；function removeRepeat(arr){ var newArr = [arr[0]]; for(var i=1;i&lt;arr.length;i++){ var repeat ...原创 2019-03-08 11:19:22 · 189 阅读 · 0 评论