前端
关注
分享
扫一扫
小博客
111
展开
-
String对象的运用
String对象的属性字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串这些都是比较常用的，需要掌握牢固通过字面量的方式创建对象，来储存每一个字符串，在通过键值对整个字符串进行循环遍历，进行匹配，然后再判断是不是有多个字符，然后进行输出你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以...原创 2019-01-03 22:41:32 · 151 阅读 · 0 评论 -
web移动端开发问题总汇
1. jQuery通过on()绑定点击事件，阻止冒泡不起作用；(jQuery 1.7及以上)问题描述：动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素不能直接被选取到，所以需要用事件委托(事件目标自身不处理事件，而是把处理任务委托给其父元素或祖先元素甚至根元素)的方法来实现，JQ中on()可以用来给动态添加的元素绑定事件。所以on()绑定的方法其实是在父元素上，那么在子元...转载 2019-03-27 23:14:33 · 207 阅读 · 0 评论 -
web移动端注意事项
1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" content="no">1、关闭iOS键盘首字母自动大写<input type="text" autocapitalize="off" />2、禁止文本缩放html {-webkit-text-s...转载 2019-03-31 23:56:15 · 328 阅读 · 0 评论 -
vue的小技巧
1.setTimeout/ setInterval-场景一 ：this指向改变无法用this访问vue实例 mounted(){ setTimeout( function () { //setInterval同理 console.log(this); //此时this指向Window对象 }，1000) ; }解决方法 :使用箭头函数或者缓存this...转载 2019-04-03 23:40:39 · 123 阅读 · 0 评论 -
几种报错的解决办法
调用Google API，缺失库报错：ImportError: No module named ‘google’解决方案：出现这个错误，就是因为没有安装google API相应的库，按照如下命令安装即可，把库名换成你所需要的相应的库名即可pip install google-cloud-speech或者pip3 install google-cloud-speechpip 版本问题导...转载 2019-03-29 21:57:49 · 2130 阅读 · 1 评论 -
HTTP中GET与POST的真正区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案...转载 2019-03-25 18:51:59 · 125 阅读 · 0 评论 -
来自老程序员的忠告
初学者，最容易问的或者说最经常想的问题是什么吗？是那些听起来很酷但实际离他们很远的东西。比如:怎么做一个游戏？xxxx要怎么实现？等等等等。确实每个人都想做出一个像样的东西来，你目前该关注的是什么？是离你最近，但比你现在所知道的要高出那么一点点的东西。每个阶段，你都可以尽自己所学的，做一个你认为最好的、最难的，但是经过时间思考和努力能做出来的东西。比如刚学编程可以做一个控制台版的扫雷。学完基本语法...转载 2019-03-13 18:14:55 · 185 阅读 · 0 评论 -
CSS：解决不同用户分辨率不同造成的网页布局问题
方法一最繁琐但又是最好理解的，让不同分辨率用户访问不同的Html代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript...转载 2019-03-25 10:06:35 · 1520 阅读 · 0 评论 -
模板引擎的几种写法
方法一：<script type="text/template" id="navTemp"> <% for(var i=0;i<items.length;i++){ %> <li> <a href="#"> <img src="<%=items[i]...转载 2019-03-25 09:35:38 · 650 阅读 · 0 评论 -
vue子父组件传值
父组件向子组件传值在父组件中使用子组件，并且向其传递数据，子组件同时调用父组件的方法页面中：<div id="app"> <ul> <people-item v-for="people in peoples" :key="people.id"...转载 2019-04-10 17:43:04 · 135 阅读 · 0 评论 -
vue语法
Vue.js：用于构建用户界面的渐进式框架。vue基础语法1.导入Vue.js:(1)绝对路径导入<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>(2)下载Vue.js相对路径导入 <script src="../js/vue.js"></script>...转载 2019-04-01 23:16:44 · 336 阅读 · 0 评论 -
flex的属性
FLex属性flex属性分为容器属性和项目属性.容器属性 : flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content项目属性 : order, flex-grow, flex-shrink, flex-basis, flex, align-self容器属性flex-directio...原创 2019-04-18 19:09:00 · 592 阅读 · 0 评论 -
用css画一个哆啦A梦
屏幕分辨率不同可能会导致某些div的位置不对，用浏览器调试下就好了<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body{ background-color: #66B3FF;...原创 2019-04-17 19:11:06 · 450 阅读 · 0 评论 -
前端常见开发英语单词大全
style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中background 背景image 引入背景图片(url)background-position： 背景定位(x轴，y轴；)background-rep...转载 2019-04-14 20:35:26 · 4202 阅读 · 1 评论 -
严格模式、混杂模式与怪异模式
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两者...转载 2019-04-16 19:06:48 · 217 阅读 · 0 评论 -
webpack知识分享
webpack 4webpack 四大核心概念：入口(entry) // 打包入口输出(output) : 打包后输出的位置配置loader : loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块插件(plugins) :有更强...转载 2019-04-15 18:07:13 · 181 阅读 · 0 评论 -
前端开发规范总结
一、文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符。是当在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便查找、修改、替换、计算负载量等等操作。二、学习的前端分别有：Html5、css3、JavaScript等等，主要就说下Html、css、JavaScript这三个。现在来讲讲Html、css、JavaScript...转载 2019-04-08 22:44:57 · 212 阅读 · 0 评论 -
vue路由使用总结
一、vue中路由的使用1、定义组件<template> <div class="hello"> <h1 @click="info" :class="color">{{ msg }}</h1> </div></template><script>export default { name...原创 2019-04-11 22:14:12 · 116 阅读 · 0 评论 -
前端面试小记
1.switch语句部分和case语句部分都可以使用表达式swith(1+3){ case 2+2 : console.log("表达式执行了..."); break; default: console.log("表达式没有执行...");}// 结果 表达式执行了...2.switch语句和case语句部分进行结果比较时采用的...转载 2019-03-28 17:24:09 · 192 阅读 · 0 评论 -
移动web之伸缩布局复习
将父盒子设置为display：flex（块级元素），display：inline-flex（内联元素）弹性盒子有六个属性：1.flex-drection：row | row-reverse | clomun | clomun-reverse（决定主轴的方向，也就是x轴方向项目的排列方式）2.felx-wrap：nowrap | wrap | wrap-reserve （决定多余的项目是否换行...转载 2019-03-11 21:29:16 · 180 阅读 · 0 评论 -
web移动开发小结
总结分类左侧的点击吸顶移动端的滑动事件 (重点)移动端点击事件延迟和解决 (重点)移动端的zepto框架rem的概念和实现屏幕适配 (重点)rem工具的使用实现jd项目分类页面左侧的点击吸顶效果需求点击了左侧分类的菜单位移到当前点击的分类菜单 到顶部的位置位移为 （-当前菜单索引*菜单高度）位移的时候还需要添加过渡效果 慢慢的上去当菜单需要位移的距离超过了最小位移的距离 ...转载 2019-03-14 23:30:54 · 303 阅读 · 0 评论 -
原生js动画的应用
模仿百度新闻导航栏* { margin: 0; padding: 0 } ul { list-style: none } body { background-color: #333; } .nav {...原创 2019-01-15 18:26:19 · 234 阅读 · 0 评论 -
tab选项卡
第一种<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:原创 2019-01-09 18:57:45 · 274 阅读 · 0 评论 -
轮播图
原生js写的轮播图<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500...原创 2019-01-14 22:55:02 · 121 阅读 · 0 评论 -
浏览器兼容问题
众所周知，浏览器的兼容性问题是开发人员经常会遇到的问题，它是由于不同浏览器的不同对代码的解析不同，而产生的在页面上显示的效果不同。第一类：块状元素float后，有添加了横向的margin，在IE6下比设置的值要大（属于双倍浮动的bug）解决方案：给float标签添加display：inline，将其转换为行内元素第二类：表单元素行高不一致解决方案：给表单元素添加float：left（左...转载 2019-01-08 17:35:56 · 117 阅读 · 0 评论 -
简述正则表达式的字符和方法
正则表达式 - 语法正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。正则表达式中的字符字符描述\f匹配一个换页符。等价于 \x0c 和 \cL。\n匹配一个换行符。等价于 \x0a 和 \cJ。\r匹配一个回车符。等...原创 2019-01-23 18:32:09 · 212 阅读 · 0 评论 -
关于定时器(setInterval)的简单运用
第一个例子：div动起来讲解：通过随机函数来改变div到父级元素左边的距离和到上面的距离 //样式 #dv{ width: 100px; height: 100px; background-color: pink; position: absolute; }&l...原创 2019-01-13 17:34:55 · 2130 阅读 · 1 评论 -
网页贪吃蛇之随机小方块
通过原型来实现效果原型(prototype)的优点：数据能够共享，可以节省空间。//布局 <style> #map{ width: 800px; height: 600px; background-color: pink; position: relative; ...原创 2019-01-17 18:37:42 · 231 阅读 · 0 评论 -
动态创建表格
动态的创建表格<input type="button" value="点击" id="btn" ><div id="dv" ></div>js代码部分：var arr = ["吸星大法","降龙十八掌","辟邪剑谱","葵花宝典","六脉神剑&qu原创 2019-01-10 18:40:50 · 767 阅读 · 0 评论 -
模仿淘宝购物车
效果图样式*{ margin: 0; padding: 0;}.main{ width: 850px; height: 780px; margin: 10px auto;}p{ font-size: 13px; margin: 20px 0px;}li{ list-style: none;}a { tex...原创 2019-01-21 18:36:42 · 1228 阅读 · 1 评论 -
js简单动画效果
旋转木马轮播图@charset "UTF-8";/*初始化 reset*/blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,text...原创 2019-01-16 19:02:54 · 715 阅读 · 0 评论 -
jquery之ajax简介
什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。关于 jQuery 与 AJAXjQuery 提供多个与 AJAX 有关的方法。通过 jQu...原创 2019-02-20 19:00:11 · 102 阅读 · 0 评论 -
Ajax的请求
var request;if(window.XMLHttpRequest){ request=new XMLHttpRequest(); //IE7+,...}else{ request=new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5//用XHR发送请求：open(method,url,async) //调用XHR对象，asy...转载 2019-02-25 20:36:41 · 124 阅读 · 0 评论 -
css3伸缩布局
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。重要属性1，display:flex:如果一个容器设置了这个属性，那么这个盒子里面的所有直接子元素都会自动的变成伸缩项(...转载 2019-03-01 00:45:47 · 267 阅读 · 0 评论 -
jQuery的常用动画
html<div id="content"> <input id="testhide" type="button" value="隐藏"> <input id="testshow" type="button" value="显示"> <input原创 2019-02-19 17:52:11 · 227 阅读 · 0 评论 -
jQuery之过关小游戏
效果图：按钮触发开始网页布局：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>过关小游戏</title> <link href="css/style.css&原创 2019-02-24 21:22:43 · 399 阅读 · 0 评论 -
jQuery笔记
Attribute：$(“p”).addClass(css中定义的样式类型); 给某个元素添加样式$(“img”).attr({src:“test.jpg”,alt:“test Image”}); 给某个元素添加属性/值，参数是map$(“img”).attr(“src”,“test.jpg”); 给某个元素添加属性/值$(“img”).attr(“title”, function() {...原创 2019-02-18 18:50:34 · 121 阅读 · 0 评论 -
程序员专属段子集锦
1.编程降低犯罪率。2.程序员的好只有阿姨懂。3.租房只租程序员。4.程序员工作写照。5.我还没下班呢！6.世界上最好的语言PHP=拍黄片？7.那个男的是谁？你妈妈是 new 出来的，你是继承来的,哈哈哈8.程序员压力没那么大。9.从删库到跑路。10.面对经常变更需求的产品经理，我想说：我的刀呢？11.一程序员去面试，面试官看了简历问道：“你毕业才两年，这...转载 2019-02-21 22:06:33 · 1132 阅读 · 3 评论 -
js中的闭包和递归的简单例子
闭包1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而...原创 2019-01-22 18:50:57 · 339 阅读 · 1 评论 -
微信小程序简单总结
一、配置项1.window用于设置小程序的状态栏、导航条、标题、窗口背景色。navigationBarBackgroundColor 导航栏背景颜色，如 #000000 navigationBarTextStyle 导航栏标题颜色，仅支持 black / white navigationBarTitleText string ...原创 2019-04-25 10:21:57 · 749 阅读 · 0 评论