- 博客(27)
- 收藏
- 关注
RSS订阅原创 一个页面有多个轮播图时结局办法
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/jquery-1.11.0.js" type="text/javascript"> </script&...
2019-03-25 17:17:53
2073
1
原创 小程序中textarea层级最高的结局办法
在小程序中textarea层级比较高，当底部有fiexd定位的时候或出现文本框中的文本穿透显示出来，解决办法是在texarea标签下面添加一个view或者text标签来和texarea标签替换使用 <view class='textarea_wrap'> <textarea class='resource-textarea' wx:i...
2018-12-25 16:23:28
2017
原创 react中 iconfont 使用方法（小程序中类似）
1，在项目中的新建style文件夹用来单一存放所有的样式文件 2，在style文件夹中建立reset.css（样式重置） 文件3.将UI设计好的iconfont图标放在reset.css 文件中4，因为是将icon放在style中,即是全局的样式，因此在使用的时候可以直接使用，无需再向页面中引用 ...
2018-12-20 09:25:45
897
1
原创 react框架结合antd使用 抽屉组件
1.首先要引入antd中的组件import $ from 'jquery'import React from 'react'import {BrowserRouter,Router,Link,} from "react-router-dom"import { List,Switch,Drawer,NavBar,Icon,WhiteSpace,Picker,DatePicker} fro...
2018-12-19 18:55:12
7584
原创 小程序中图片太大应该怎么处理
在小程序中图片格式为png时任然特别大的时候应该先将图片放在服务器上，然后从服务器上选取所用的图片在小程序中有放置请求接口的配置文件config.js 在小程序页面中要使用大图时候（1）先引入config.js模块（2）配置图片的src前缀（3）在wxml中引用（4）后面的cdn/uploads/image.106.png是图片在服务器上的位置 ...
2018-12-17 13:43:54
13332
原创 微信小程序获取服务器上的资源
当在小程序中图片过大时候，一般将图片放在服务器上，在用canvas画布时需要下监听函数中获取然后在下面canvas中定义一个变量接受复制，然后再用canvas画出...
2018-12-13 09:29:37
2642
原创 小程序中选择器picker使用
wxml:<view class="section_sex" ><image class='star-icon name-star-icon' src='../../image/star.jpg'></image><view class="section__title">性别</view><picke
2018-12-03 13:30:09
807
原创 小程序canvas简单使用
wxml:<view class='kuai'><button bindtap='sharecard'>点击生成分享的canvas</button></view><view class='cancaslist' style='height:0;width:0;overflow:hidden'><canvas st...
2018-11-27 09:48:42
266
原创 常见的HTML5样式重置
自己总结实用body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,header,nav,footer,menu,section,aside,article,canvas,figure,figcaption{margin:0; padding:0;}ul,li,ol{list-style:none;}...
2018-10-08 09:27:48
1886
原创 exports、module.exports和export、export default区别
在 Node 环境中，一个.js文件就称之为一个模块（module），每个文件就是一个模块，有自己的作用域，在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见，而 Node 应用由模块组成，采用 CommonJS 模块规范。CommonJS 定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)module.ex...
2018-08-12 20:26:50
973
原创 gulp与webpack的区别 ,并写出核心配置文件
1,gulp更注重前端开发流程2,webpack更注重模块化开发Gulp和Webpack的基本区别：gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有task定义处理事务，从而构建整体流程，它是基于流的自动化构建工具。Webpack...
2018-08-12 19:31:52
1494
原创 简述sass与less的区别并给出代码
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。 Less是一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE...
2018-08-12 12:43:45
691
原创 什么是原型链? 什么是作用域链?
什么是作用域链，什么是原型链。 作用域是针对变量的，比如我们创建了一个函数，函数里面又包含了一个函数，那么现在就有三个作用域 全局作用域==>函数1作用域==>函数2作用域作用域的特点就是，先在自己的变量范围中查找，如果找不到，就会沿着作用域往上找。 那么什么是原型链呢？ 原型链是针对构造函数的，比如我先创建了一个函数，然后通过一个变量new了这个函数，那...
2018-08-06 10:56:42
391
原创 react 搭建一个项目 (高版本)
1、先引用 react.js，redux，react-router 等基本文件，建议用npm安装，直接在文件中引用。npm install -g create-react-app 全局安装(只要不换电脑只安装一次)create-react-app 项目名 创建项目cd 项目...
2018-08-05 22:00:53
321
原创 canvas画出一个时钟
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{
2018-08-05 20:43:44
375
原创 jquery头部导航在滚懂得时候永远在顶部
var onav = document.getElementById("nav"); $(window).scroll(function(){ if($(document).scrollTop()>=60){ $("#nav").css({"position":"fixed","z-index":999,"left":"
2018-08-04 09:19:11
514
转载 缓慢滚回顶部
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><style>body{position: relative;margin: 0;padding: 0;}#b
2018-08-04 09:12:46
176
原创 各种正则表达式
1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ ...
2018-08-03 23:12:38
129
原创 canvas写刮刮乐
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{
2018-08-03 19:37:28
209
转载 什么是前端路由?前端路由主要用在什么地方?
1，什么是前端路由？ 路由是根据不同的 url 地址展示不同的内容或页面 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，之前是通过服务端根据 url 的不同返回不同的页面实现的。 2，什么时候使用前端路由？ 在单页面应用，大部分页面结构不变，只改变部分内容的使用 3，前端路由有什么优点和缺点？ 优点 用户体验好，不需要每次都从服务器全部...
2018-08-03 16:26:26
1150
原创 mvc与mvvm之间的区别
MVC与MVVM都是前端web开发的框架模式MVC（Model View Controller 模型-视图-控制器）是一种Web架构的模式。特点：把业务逻辑、模型数据、用户界面分离开来，让开发者将数据与表现解耦。 MVC三要素： Model（数据模型）。是对客观事物的抽象。比如知乎Live，Live就是一个模型，可以用Live类来表示。而一个模型通常还带有很多的和业务相...
2018-08-03 08:41:48
5679
原创 export 与mondule export
exports:首先对于本身来讲是一个变量（对象），它不是module的引用，它是{}的引用，它指向module.exports的{}模块module.exports:首先，module是一个变量，指向一块内存，exports是module中的一个属性，存储在内存中，然后exports属性指向{}模块 exports只能使用.语法向外暴露内部变量 例 exports.xxx=xx...
2018-08-03 08:25:59
172
原创 项目推送githup具体步骤
现在百度中登上自己的githup下一步:就是在github 中点击上方 "+" 创建一个新仓库 在给新仓库起个名字 ( 在Repository name 下方 )然后回车 进入另一个新页面复制远程库测地址, 然后在返回hbuild 右键打开一个小黑块git init // 初始化版本库git add . ...
2018-07-28 14:11:40
204
原创 关于一些环境的安装
bable 安装:(1):npm install –g babel-cli(2):npm install -g cnpm --registry=https://registry.npm.taobao.org [国内域](3):npm install --save-dev babel-preset-es2015(4):type nul>.babelrc [创建] ...
2018-07-18 15:26:37
97
原创 上下,左右,透明度无缝轮播图
上下轮播; //原理是css样式; #box{ height:510px; width: 1000px; border: 1px solid #999999; margin: 50px auto; overflow: hidden; position: relative; } #tu{ position: absolut...
2018-06-03 14:28:13
648
原创 封装运动函数
//{opacity:70}//opacity:0.7 filter:alpha(opacity=70)//运动封装函数 第一个为发生时间的事件源,第二个为要改变的属性 top left height width opacity等属性, 第三个是函数的链式回调,可以再下面写一个函数执行完上面的函数后再返回原来的位置.function startMove(obj,json,fn){...
2018-06-03 14:08:41
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人