- 博客(24)
- 收藏
- 关注
原创 css技巧
纯css实现宽度永远是高度的两倍 方法一: 原理:margin/padding(-top/bottom/left/right)的值为百分比时(%),为其父元素(即例中father)的宽度的百分之多少;缺点:生成的块是content是0;里面内容会被挤出;<div class="father"> <div class="son"><span&...
2019-03-22 15:01:40
422
原创 cocos creator 手游摇杆
教程来源:http://gad.qq.com/article/detail/37702进化:无方向 加入摇杆中心的移动范围限制 game.ts为游戏入口 joystick为摇杆类 在game.ts中调用joystick类坑:爸爸坐标与世界坐标问题:https://docs.cocos.com/creator/manual/zh/content...
2019-03-22 15:01:16
550
原创 模块化
AMDWAHT?AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。WHY? 为什么一定要异步加载HOW?AMD也采用require()语句加载模块,但是不同于Commo...
2019-03-22 14:59:56
238
原创 一些关于javascript的疑惑
Q:js语句结束不加分号会怎么样A:JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;但让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。Q:NAN与Infinity有什么区别A:NaN表示Not a Number,当无法计算结果时用NaN表示;比如 0 / 0;I...
2019-03-22 14:59:31
214
原创 伪元素
动态导航效果伪元素还能这么用?与hover配合使用<!-- 与hover配合使用 -->edit on codepen<div> <ul> &...
2019-03-22 14:59:11
218
原创 很开心
环境配置遇到的问题(win10)1.下载jdk:上oracle官网下载jdk,下载后的文件夹是[java]文件夹里有[jdk]和[jre]的!jdk下载2.配置系统环境变量(让安卓儿可以找到这个java的环境):[我的电脑->属性->高级系统设置->高级->环境变量]添加系统变量,JAVA_HOME,PATH,PATHCLASSjava配置环境变量测...
2019-03-22 14:58:22
153
原创 node https post发送数据
let secCheck = await new Promise<string>((resolve, reject) => {let postData = JSON.stringify({content: p.content}) let options ={hostname:'api.weixin.qq.com',path:'/wxa/msg_sec_...
2018-10-19 14:36:03
8214
1
原创 微信小程序 · 组件样式效果 · 坑
小程序入门 -- 那些年我们踩过的坑swiper组件 1.改变 swiper上 分页器/指示器/小圆点 /面板指示点/indicator-dots 的默认样式默认样式效果目标效果 方法1: 原理:改变微信小程序自带的样式,自带样式是用伪元素写的 wxss//所有指示点的父类.customize .wx-swipe...
2018-07-13 15:24:02
8684
原创 小程序官网总结(vue框架+php模板渲染+rem适配)
css3效果1.长文字隐藏数据(很长)width: 3.35rem;white-space: nowrap; /*文字不换行*/text-overflow: ellipsis;overflow: hidden;
2018-06-29 20:53:36
819
原创 flexbox布局
资料总结#完整指南(包括相关定义、相关属性和一些简单的例子) css-tricks(国外一个很好的css例子的网站) w3cplus对以上文章的中文翻译,请对照以上英文版来学习#以图的形式更好地理解一些相关属性 quackit(css属性文档和实例,有运行效果可以查看相关属性的效果,最好翻墙查看会比较快)#很多例子 css-tricks的例子 一些简单的小例子 ...
2018-06-23 12:14:05
175
原创 一些js例子
JS动画效果JS+CSS3实现带预览图幻灯片效果网页广告特效可调大小面板实现Tab选项卡切换效果商城分类导航效果用JS实现图片剪切效果信息排列效果JS实现购物车特效JS实现瀑布流布局QQ空间时光轴特效鼠标拖拽效果侧边栏信息展示效果手风琴效果回到顶部效果图片缓慢缩放...
2018-06-23 12:13:45
392
原创 JS实现幻灯片图片预览特效
<a href="javascript:functionanme();">??简单明了的解释两者battle通用函数??只是匿名函数关于父元素位置和子元素位置为什么慕课网很多课默认父元素relative子元素absolute父元素位置和子元素位置到底有什么样的关系一个案例css3quackitmdn-webkit-font-smoothing被废弃的属性,不要用,用来实现字体顺滑-we...
2018-06-23 12:13:30
690
原创 BOM
window对象 全局作用域 1.在全局作用域中声明变量和函数都会变成window对象的属性和方法 var age =29; window.age //29 2.全局变量和在window对象上直接定义的属性差别 delete访问未声明的变量 window对象的属性/方法可以用delete删除eg:window.color="red"delete wind...
2018-06-23 12:13:08
138
原创 !important和@important
!important:摘自:http://phpbegin.com/html/23/n-8123.html浏览器支持情况:firefox支持IE不支持!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,语法格式{ sRule!important },即写在定义的最后面,并且在分号之前,比如:{font-color: red !important;}由于IE并不支持该语法...
2018-06-23 12:12:22
4744
原创 第一次项目总结
npm安装步骤:装node -->npm -v -->cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org重要命令:npm i /install 包名 (-g)全局npm run dev新建vue-cli项目步骤: npm i vue-cli(第一次装完就不用再装) -->npm init...
2018-06-23 12:11:51
480
原创 跨域
127.0.0.1和localhost也不是一个域注意:js不允许跨域调用其他页面的对象方法1:代理(上海后台去北京后台拿数据给上海前端)方法2:JSONP解决主流浏览器的get跨域数据访问问题把json包在jsonp函数中步骤:1.在jq的ajax中加入dataType:”jsonp“和jsonp:”arg0“2.在php文件中,$_GET[]使用之前,加入$jsonp=$_GET[arg0](...
2018-03-26 17:49:04
148
原创 ajax原生
1.同步/异步2.XHR对象var request = new XMLHttpRequest();//兼容不同浏览器伪代码if(window.xhr){request= new XMLHttpRequest();}else{request= new ActivexObject(Microsoft.XMLHttp);//IE5,IE6}3.http请求tcp连接步骤:牵手浏览器->web服务器...
2018-03-24 18:56:29
468
原创 布局需注意
布局小技巧最外层分三个部分先初始化页面 *{margin:0;padding:0; }顶部:设置宽度100%,高度使列表水平放置的方法:li{float:left/right;width:?px}拉开距离使列表垂直居中于其父元素的方法:设置height=line-height中间内容:设置宽度,margin:0 auto来居中注意:子元素会继承父元素的宽度,如果一样就不用设置使图片旁边的字处于图...
2018-03-18 22:07:29
150
原创 焦点图总结
1.分类:js焦点图,使用原生态的js代码实现的焦点图。样式相对单一,如借助css可实现多样的风格。flash焦点图,看名字就可以理解,使用flash设计或用flash as编程设计的焦点图。该焦点图优点是字体展现效果佳,比纯网页形式更具有美感。不利于SEO与引擎的抓取。css焦点图,不难理解网页设计现在流程html+css设计,css焦点图就是这样而来的,很多情况下需要结合js代码实现。jque...
2018-03-16 18:41:21
456
原创 Webstorm使用
1.设置自动缩进file->setting ->Editor -> CodeStyle 中勾上 "Default Indent Option " 中的 "Use Tab Character (Smart Tabs) "2.用滚轮放大缩小字体file->setting->editor->general->mouse->勾选change font siz...
2018-03-13 20:18:15
235
原创 2018.3.12-18
时间:2018/3/12-2018/3/18内容:了解webstorm ide的使用,环境搭建完成初级课程html基本标签及其基本属性(看到表单就好)CSS 选择器+框模型+定位+样式CSS布局基础CSS布局实践JS语法+控制流语句+函数+内置对象+DOM基础+BOM基础+ES6基础(JS应用)JS制作轮播特效JS制作进度条Bootstrap组件使用Jquery选择器+dom操作+事件+操作+弹出...
2018-03-12 22:02:41
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人