- 博客(47)
- 收藏
- 关注
RSS订阅原创 微信小程序简单总结
一、配置项1.window用于设置小程序的状态栏、导航条、标题、窗口背景色。navigationBarBackgroundColor 导航栏背景颜色，如 #000000 navigationBarTextStyle 导航栏标题颜色，仅支持 black / white navigationBarTitleText string ...
2019-04-25 10:21:57
747
原创 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
584
原创 用css画一个哆啦A梦
屏幕分辨率不同可能会导致某些div的位置不对，用浏览器调试下就好了<!DOCTYPE html><html><head> <title></title> <style type="text/css"> body{ background-color: #66B3FF;...
2019-04-17 19:11:06
447
转载 严格模式、混杂模式与怪异模式
Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两者...
2019-04-16 19:06:48
214
转载 webpack知识分享
webpack 4webpack 四大核心概念：入口(entry) // 打包入口输出(output) : 打包后输出的位置配置loader : loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块插件(plugins) :有更强...
2019-04-15 18:07:13
173
转载 前端常见开发英语单词大全
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
4195
1
转载 vue中router-link的属性
to表示目标路由的链接。 当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="home">Home</router-link><!-- 渲染结果 --><a href="home">Home</a...
2019-04-12 22:07:50
168
原创 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
112
转载 vue子父组件传值
父组件向子组件传值在父组件中使用子组件，并且向其传递数据，子组件同时调用父组件的方法页面中：<div id="app"> <ul> <people-item v-for="people in peoples" :key="people.id"...
2019-04-10 17:43:04
132
转载 前端开发规范总结
一、文件命名规则文件名称统一用小写的英文字母、数字和下划线的组合，其中不得包含汉字、空格和特殊字符。是当在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便查找、修改、替换、计算负载量等等操作。二、学习的前端分别有：Html5、css3、JavaScript等等，主要就说下Html、css、JavaScript这三个。现在来讲讲Html、css、JavaScript...
2019-04-08 22:44:57
209
原创 使用vue中的一些问题
1、IE9中， 请求服务器数据并用v-for渲染option标签出现只显示第一个字的问题解决方法：/** * 强制重绘页面的select 输入框，解决IE9只显示单个字符串问题 * @param useNextTick {Boolean} 使用在vm next tick 处理， 默认true */forceRedrawSelect: function (useNextTick) { ...
2019-04-07 13:36:10
217
转载 vue的小技巧
1.setTimeout/ setInterval-场景一 ：this指向改变无法用this访问vue实例 mounted(){ setTimeout( function () { //setInterval同理 console.log(this); //此时this指向Window对象 }，1000) ; }解决方法 :使用箭头函数或者缓存this...
2019-04-03 23:40:39
120
转载 vue中的一些问题
1.vue 修改对象属性 页面不重新渲染官方解释：Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。解决办法：若是对象，建议在data中定义好所有的属性若是数组，最好重新赋值，不要单独修改某个元素注意事项：在给对象赋值时一定要保证新的...
2019-04-02 23:16:34
160
转载 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
328
转载 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
320
转载 几种报错的解决办法
调用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
2061
1
转载 前端面试小记
1.switch语句部分和case语句部分都可以使用表达式swith(1+3){ case 2+2 : console.log("表达式执行了..."); break; default: console.log("表达式没有执行...");}// 结果 表达式执行了...2.switch语句和case语句部分进行结果比较时采用的...
2019-03-28 17:24:09
180
转载 web移动端开发问题总汇
1. jQuery通过on()绑定点击事件，阻止冒泡不起作用；(jQuery 1.7及以上)问题描述：动态添加进来的元素，直接用JQ添加click事件会发现新添加进来的元素不能直接被选取到，所以需要用事件委托(事件目标自身不处理事件，而是把处理任务委托给其父元素或祖先元素甚至根元素)的方法来实现，JQ中on()可以用来给动态添加的元素绑定事件。所以on()绑定的方法其实是在父元素上，那么在子元...
2019-03-27 23:14:33
203
转载 HTTP中GET与POST的真正区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题，你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案...
2019-03-25 18:51:59
122
转载 CSS：解决不同用户分辨率不同造成的网页布局问题
方法一最繁琐但又是最好理解的，让不同分辨率用户访问不同的Html代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script language="JavaScript...
2019-03-25 10:06:35
1520
转载 模板引擎的几种写法
方法一：<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
639
转载 web移动开发小结
总结分类左侧的点击吸顶移动端的滑动事件 (重点)移动端点击事件延迟和解决 (重点)移动端的zepto框架rem的概念和实现屏幕适配 (重点)rem工具的使用实现jd项目分类页面左侧的点击吸顶效果需求点击了左侧分类的菜单位移到当前点击的分类菜单 到顶部的位置位移为 （-当前菜单索引*菜单高度）位移的时候还需要添加过渡效果 慢慢的上去当菜单需要位移的距离超过了最小位移的距离 ...
2019-03-14 23:30:54
299
转载 来自老程序员的忠告
初学者，最容易问的或者说最经常想的问题是什么吗？是那些听起来很酷但实际离他们很远的东西。比如:怎么做一个游戏？xxxx要怎么实现？等等等等。确实每个人都想做出一个像样的东西来，你目前该关注的是什么？是离你最近，但比你现在所知道的要高出那么一点点的东西。每个阶段，你都可以尽自己所学的，做一个你认为最好的、最难的，但是经过时间思考和努力能做出来的东西。比如刚学编程可以做一个控制台版的扫雷。学完基本语法...
2019-03-13 18:14:55
184
转载 移动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
176
转载 css3伸缩布局
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。重要属性1，display:flex:如果一个容器设置了这个属性，那么这个盒子里面的所有直接子元素都会自动的变成伸缩项(...
2019-03-01 00:45:47
258
原创 html5和css3实现3D立方体效果
1. rotateX() 方法通过 rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。2. rotateY() 旋转通过 rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。3. rotateZ() 旋转通过 rotateZ() 方法，元素围绕其 Z 轴以给定的度数进行旋转。transform 向元素应用 2D 或 3D 转换。transform-or...
2019-02-27 20:46:12
2611
转载 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
123
原创 jQuery之过关小游戏
效果图：按钮触发开始网页布局：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>过关小游戏</title> <link href="css/style.css&
2019-02-24 21:22:43
397
转载 程序员专属段子集锦
1.编程降低犯罪率。2.程序员的好只有阿姨懂。3.租房只租程序员。4.程序员工作写照。5.我还没下班呢！6.世界上最好的语言PHP=拍黄片？7.那个男的是谁？你妈妈是 new 出来的，你是继承来的,哈哈哈8.程序员压力没那么大。9.从删库到跑路。10.面对经常变更需求的产品经理，我想说：我的刀呢？11.一程序员去面试，面试官看了简历问道：“你毕业才两年，这...
2019-02-21 22:06:33
1121
3
原创 jquery之ajax简介
什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。关于 jQuery 与 AJAXjQuery 提供多个与 AJAX 有关的方法。通过 jQu...
2019-02-20 19:00:11
102
原创 jQuery的常用动画
html<div id="content"> <input id="testhide" type="button" value="隐藏"> <input id="testshow" type="button" value="显示"> <input
2019-02-19 17:52:11
221
原创 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
117
原创 简述正则表达式的字符和方法
正则表达式 - 语法正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。正则表达式中的字符字符描述\f匹配一个换页符。等价于 \x0c 和 \cL。\n匹配一个换行符。等价于 \x0a 和 \cJ。\r匹配一个回车符。等...
2019-01-23 18:32:09
210
原创 js中的闭包和递归的简单例子
闭包1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点： 1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而...
2019-01-22 18:50:57
337
1
原创 模仿淘宝购物车
效果图样式*{ 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
1223
1
原创 js贪吃蛇
贪吃蛇网页：*{ padding: 0; margin: 0; } .dv{ width: 300px; height: 200px; border: 1px solid red; border-radius: 5px; position: absolute; ...
2019-01-20 21:14:52
473
原创 网页贪吃蛇之随机小方块
通过原型来实现效果原型(prototype)的优点：数据能够共享，可以节省空间。//布局 <style> #map{ width: 800px; height: 600px; background-color: pink; position: relative; ...
2019-01-17 18:37:42
227
原创 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
709
原创 原生js动画的应用
模仿百度新闻导航栏* { margin: 0; padding: 0 } ul { list-style: none } body { background-color: #333; } .nav {...
2019-01-15 18:26:19
224
原创 轮播图
原生js写的轮播图<style type="text/css"> * { padding: 0; margin: 0; list-style: none; border: 0; } .all { width: 500...
2019-01-14 22:55:02
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人