3 muzidigbig

尚未进行身份认证

我要认证

凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。

等级
TA的排名 6k+

移动端开发问题1

一.viewport<!-- 设置移动端视窗 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,u ser-scalable=no">二、解决点击响应延时 0.3s 问题大多数移动端触摸屏设备上点击的时候都会有0.3秒的延迟问题,我们做移动端web app开发的时候应该都遇到过这个问题,通过以下

2020-09-10 15:46:05

手机端解决2倍图3倍图自适应

1.第一种方法 通过 css 的 DevicePixelRatio 媒体查询属性:/*默认大小*/.photo {background-image: url(image100.png);}/* 如果设备像素大于等于2,则用2倍图 */@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min--moz-device-pixel-ratio: 2) { .photo { background-image:

2020-09-09 15:58:55

nodejs/express中使用node-sass

在原生nodejs中使用Sass1.创建根目录文件名称为expressPlay,运行 cnpm install(淘宝源安装)安装node_modules2.安装express: npm install express --save3.创建js文件命名为 app.js 并编写如下代码var express = require('express');var app = express(); /** * 中间件配置静态文件服务器托管 * app.use(express.stati..

2020-08-12 10:49:13

$().click()和$().on(“click“, “要选择的元素“, function(){})的区别

前言jQuery的出现,大大简化了对dom的操作,但是如果不是仔细阅读api和进行操作,就不知道其中最大的优点和使用方式。就拿$().click()和$().click()和(document).on(‘click’,‘要选择的元素’,function(){})来说,都是点击事件的操作,但是也有不同的地方。$(选择器).click(function(){}):页面中已经存在的DOM(只针对与页面已存在的选择器)。$(ducument).on(‘click’,‘要选择的元素’,function(

2020-07-17 11:01:10

window.open()

window.open()方法可以导航到一个特定的URL,也可以打开一个心的浏览器窗口,一般可以接受三个参数:1.要加载的URL2.窗口名称或窗口的目标3.一个特殊的字符串(控制窗口的属性,属性之间用逗号分开)【注】不命名会每次打开新窗口;命名的第一次打开新窗口,之后崽这个窗口中加载 <button type="button" id="btn1">点击打开新窗口</button> window.onload = function() { docu

2020-07-03 15:13:00

QQ空间、新浪微博、豆瓣等一键分享API链接代码

一、qq空间&title=默认的文本内容或RICH化转播时的消息体标题,RICH化时最多15个全角字符的长度&url=转播页的url&pics=需要转播的图片url,多张以|连接&summary=分享描述信息&site=分享来源 如:腾讯网(可选)&desc=默认分享理由(可选)&appkey=填写正确的appkey,转播后将显示该key的来源&line1=消息体第一行的文字,最多15个全角字符的长度&line2=

2020-06-29 12:10:45

纯css实现rate评分组件

布局:事先生成好的iconfont:<linkrel="stylesheet"href="http://at.alicdn.com/t/font_1356455_c5d3d3ohlbq.css">一个很简洁的布局: <div class="rate-content"> <input type="radio" name="rate"> <input type="radio" name="rate"&g...

2020-06-20 11:53:42

jq----dom.trigger(eventType,data)执行dom绑定事件的处理程序和行为

trigger(type,[data])-----简言之:触发事件的处理函数和行为,也就是执行定义事件的执行函数type:一个事件对象或者要触发的事件类型data:传递给事件处理函数的附加参数当相应的事件发生时,任何通过.on()或一个快捷方法绑定的事件处理程序将被触发。但是,它们可以用.trigger()方法。调用 .trigger() 执行处理程序和用户自然的触发该事件,他们的执行顺序时相同的:$('#foo').on('click', function() { alert($

2020-05-15 15:26:53

解决谷歌浏览器http链接自动跳转到https的问题

有些网址http协议和https协议是两个服务,有时候需要访问http地址,但chrome会默认转成https请求地址输入 http://baidu.com 会自动跳转到 https://baidu.com这时候清理浏览器缓存之类的都是没有用的,需要进行如下操作,在chrome浏览器地址输入:chrome://net-internals/#hsts在最下面的Delete domain security policies里输入想要删除的网址,注意是去掉http://前缀的网址,如:h

2020-05-15 11:16:58

vue浏览器编译时 节点上出现data-v-xxx和父组件改变子组件的内部样式

一、data-v-xxxvue页面被浏览器解析后,在标签中出现’data-v-xxxxx’标记,如下:原因:在vue文件的css中样式加了scoped<style scoped> .FooterGuide{ color: pink }</style>这是在标记vue文件中css时使用scoped标记产生的,因为要保...

2020-02-22 22:11:19

Express+mongoose创建接口(api、跨域问题)

res.send(返回前台的数据);或res.json(返回前台的数据);item.jsvar mongoose = require("mongoose");// 连接数据库mongoose.connect("mongodb://127.0.0.1/todo_list");mongoose.connection.once("open", function() { c...

2020-02-18 11:13:59

路径url

一、相对路径目前我们在网页中使用的路径都是相对路径比如: ./an.jpg ../an.jpg an.jpg相对路径指外部文件相对于当前文件所在目录的位置(静态文件)二、绝对路径在实际开发中,由于一些特殊情况网页的路径经常会发生变化比如: http://localhost:8088/abc/bcd/form.html...

2020-02-13 11:12:33

node对敏感数据加密(sha1)

一、sha1加密/** * 1.安装 npm install sha1 --save * 2.引入 require("sha1") * 3.加密 sha1(str)*/var sha1 = require("sha1");var pwd = "123456";console.log(sha1(pwd));// 7c4a8d09ca3762af61e59520943dc...

2020-02-13 10:03:27

node自启动工具supervisor

supervisor会不停的watch你应用下面的所有文件,发现有文件被修改,就重新载入程序文件这样就实现了部署,修改了程序文件后马上就能看到变更后的结构。再也不用担心每次重启node了1.首先安装supervisornpm install supervisor -g2.使用supervisor代替node命令启动应用supervisor xxx.js...

2020-02-08 11:15:08

TypeScript基本语法---10类

相关概念类(Class):定义了一件事物的抽象特点,包含它的属性和方法 对象(Object):类的实例,通过 new 生成 面向对象(OOP)的三大特性:封装、继承、多态 封装(Encapsulation):将对数据的操作细节隐藏起来,只暴露对外的接口。外界调用端不需要(也不可能)知道细节,就能通过对外提供的接口来访问该对象,同时也保证了外界无法任意更改对象内部的数据 继承(Inher...

2020-01-20 18:30:46

TypeScript基本语法---09接口

接口 Interfaces接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。接口(Interfaces)是一个很重要的概念,可以理解为一种规范或者约束,用来描述 对象(object) 的形状 或者对 类(class) 的行为 进行抽象。对类的行为抽象将在后面 类与接口 一章中介绍,...

2020-01-20 11:51:41

TypeScript基本语法---08联合类型(类型别名 type、字符串字面量类型)

联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。表示取值可以为多种类型中的一种,使用 | 分隔每个类型。注意:只能赋值指定的类型,如果赋值其它类型就会报错。创建联合类型的语法格式如下:Type1|Type2|Type3 //联合类型var uniteType: string|number = 1122;console....

2020-01-16 15:08:41

TypeScript基本语法---07元组

元组可以看作是数组的拓展,它表示已知元素数量和类型的数组。确切地说,是已知数组中每一个位置上的元素的类型。元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。let x: [string, number];x = ['muzidigbig', 1]; // 运行正常x = [1, 'muzidigbig']; // 报错console...

2020-01-16 14:55:56

TypeScript基本语法---06数组

数组解构我们也可以把数组元素赋值给变量,如下所示:var arr: any[] = [12,'muzidigbig'];var [x,y] = arr; // 将数组的两个元素赋值给变量 x 和 yconsole.log(`${x}---${y}`);编译以上代码,得到以下 JavaScript 代码:var arr = [12, 'muzidigbig'];var x...

2020-01-14 15:54:09

TypeScript基本语法---05函数

函数返回值有时,我们会希望函数将执行的结果返回到调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时,函数会停止执行,并返回指定的值。语法格式如下所示:function function_name():return_type { // 语句 return value; } return_type 是返回值的类型。 ...

2020-01-10 15:24:27

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。