- 博客(31)
- 收藏
- 关注
RSS订阅转载 关于使用谷歌浏览器调试webapp的css样式所遇到的问题
手机连接电脑后，打开谷歌浏览器，进入上图，点击inspect,打开页面调试，出现下图页面审查元素后，我想在css里面添加样式，我打开的是英文输入法，只出现一个框，我无法往里面编写新的样式，只有我打开中文输入法才能输入，如下冒号是用英文输入法输入的，前提是属性只能用中文输入法输入后再用数字键去选择。并且我无法输入任何数字。求指教，如果才能调试webapp...
2017-09-19 09:48:00
266
转载 网页调试常见提示
提示一：通过HTTP协议传递密码是非常不安全的，所以Google弹出了这个警告，提示你该是时候把你的网站升级为HTTPS了。最后打个广告，本人创建了一个前端技术qq群399627992，有兴趣的可以加一下，一起学习一起进步转载于:https://www.cnblogs.com/JinQingsong/p/6777743.html...
2017-09-14 22:07:00
165
转载 node简介
node:服务端 JavaScript 它允许在后端（脱离浏览器环境）运行 JavaScript 代码。 它使用了 Google 的 V8 虚拟机（Google 的 Chrome 浏览器使用的 JavaScript 执行环境），来解释和执行 JavaScript 代码。 伴随着 Node.js 的还有许多有用的模块，它们可以简化很多重复的劳作，比如向终端输出字符...
2017-05-20 09:37:00
80
转载 node常用网站收藏
node官网https://nodejs.org/en/npm插件https://www.npmjs.com/纠错网站http://stackoverflow.com/nvmhttps://github.com/creationix/nvmgithub-nodehttps://github.com/nodejs/node最后打个广告，本人创建了一个前端技术qq群399...
2017-05-20 09:22:00
86
转载 网站搭建
1、选购阿里云2、windows通过PuTTY连接mac通过终端ssh连接Nginx 安装配置地址http://www.runoob.com/linux/nginx-install-setup.html安装过程中出的错误原因：pcre目录不对这里编译的目录指向不对找了一下所以要改成这样./config...
2017-05-15 14:42:00
91
转载 Github上的README.md文件(Markdown语言详解)
github一个项目一个仓库，每个仓库中都有一个README.md文件，这个文件显示的基本都是项目介绍用法等等。 这么多内容，而且有时候排版也挺复杂的，我第一次写的比较简单，就直接记事本编辑的，但要想写的图文并茂有意思，该怎么办呢？ 我特地去搜了下，原来README.md文件是用Markdown语言编写的。 Markdown语言简介： Markdown是一...
2017-05-08 10:11:00
349
转载 JavaScript基本数据类型
JavaScript语言中有五大基本数据类型： 数字； 字符串； 布尔值； undefined; null; 任何不属于基本数据类型的东西都属于对象。 数字类型可以存储的数据包括：正负整数、浮点数、十六进制与八进制数、指数以及特殊数值NaN、Infinity、-Infinity. 字符串类型存储的是一对引号之间的所有...
2017-05-04 17:38:00
121
转载 被遗弃的HTML事件处理程序
HTML事件处理程序就是JS和HTML没有分离，直接写在了一起。 例： 点击按钮后，就会弹出 上面的例子是直接把事件写进了HTML里面，我们也可以跟下面这样调用： 这样写其实是很不方便的，因为JS和HTML没有分离，函数名改了以后，我还要到HTML中寻找这个函数，更改，如果特别多的话，找起来也是个大麻烦。 这样的写法其实已经被摒弃了。 最后...
2017-05-02 11:57:00
81
转载 jQuery中Ajax封装的方法
jQuery load() 方法 语法：$(selector).load(URL,data,callback); 必需的URL参数规定您希望加载的 URL。 可选的data参数规定与请求一同发送的查询字符串键/值对集合。 可选的callback参数是 load() 方法完成后所执行的函数名称。 可选的 callback 参数规定当 load(...
2017-04-29 10:51:00
89
转载 JSON概述
JSON是存储和交换文本信息的语法，采用键值对的方式来组织。 JSON是一种数据格式，不是一种编程语言。 JSON的语法规则： JSON数据的书写格式是：名称:值对。 名称:值对 组合中的名称写在前面（在双引号中），值对写在后面（同样在双引号中），中间用冒号隔开,比如"name":"郭靖" JOSN的值可以是下面这些类型： 数字（整数或浮点数），比...
2017-04-29 00:10:00
77
转载 git常用命令（基础）
git init(初始化仓库，就是把当前文件夹搞成是git仓库)，成功的话，文件夹中会多这样一个文件git add（跟踪指定文件或者文件夹）git commit（提交）git commit -m'你好，我是具体修改了哪里的描述信息'(git commit后面跟的m是用来添加修改的描述信息用的)git clone [url](克隆仓库)，例：$ git clone http...
2017-04-22 11:21:00
59
转载 浅谈本地服务器的搭建（XAMPP）
很多时候我们在开发的时候，需要在线运行我们的程序，这就需要服务器，但是基本很多情况，服务器都是后端在管理的，很多公司的前端是拿不到服务器登录信息的，在这样的情况下，我们就可以在自己的电脑上搭建一个本地服务器，来模拟在线运行的环境。 下面我来讲一下，我比较习惯用的，XAMPP，我选择它的原因是，我偶尔要写点PHP，并且它的安装配置很简单。 下载的官网（https://www...
2017-04-22 10:21:00
226
转载 sublime常用插件分享
HTML/CSS/JS Prettify(html-css-js混在一起的时候我们想要一键整理)css Format(整理css代码)js Format(整理js代码)AutoFileName(路径自动提示)Emmet(快速编辑html和css)SideBarEnhancements（侧栏功能增加插件）DocBlockr（快速编写注释）ConvertToU...
2017-04-21 17:12:00
80
转载 首次git设置
因为我用的是mac机，电脑本身自带git，关于安装我就不多说了，我们直接来了解配置。 首先，我们必须要知道的是Git附带了一个名为“工具”的工具git config，可让您获取和设置控制Git外观和操作方式的各个方面的配置变量 当我们第一次使用git的时候，请打开你的终端输入你的用户名和邮箱，这是在设置你的身份。如下图： 如果要检查你的设置，可以在终端输入如...
2017-04-18 00:30:00
69
转载 git初接触
无可否认，每当我接触一样新的技术的时候，我都会变得异常开心，但是从过去到现在，我记忆犹新最激动的还是当我接触到git的时候，我可以说从没有一个工具让我激动到几夜都不能入睡，git是目前为止唯一的，我写这篇文章也是因为我觉得抽空也应该讲讲git. 首先，什么是git,我们只要记住他是一种版本控制工具。版本控制是一种系统，用于随时间将文件或文件集的更改记录到记录中，以便以后能够调用...
2017-04-17 23:59:00
83
转载 cordova之安卓如何更改应用程序在手机桌面显示的名字
android目录——res文件夹——values文件夹——strings.xml文件： 打开strings.xml文件，将<string name="app_name">我是名字</string>该元素包裹的文字改掉就可以了。 最后打个广告，本人创建了一个前端技术qq群399627992，有兴趣的可以加一下，一起学习一起进步转载于:https...
2017-04-16 16:05:00
124
转载 cordova之配置安卓图标
这里要说明一下，这里所说的安卓图标，就是我们在手机桌面上看到的app图标。 如果你，没有配置的话，则默认使用Apache Cordova徽标。 把如图所示的几个几个文件夹中的icon.png文件换成你自己的图片就可以了，命名不要变 安卓图标指南请参考该网站https://material.io/guidelines/style/icons.html...
2017-04-15 23:40:00
107
转载 cordova构建和运行应用程序（安卓）
要构建和运行应用程序，需要为要定位的每个平台安装sdk。 检查您是否满足构建平台的要求的命令： cordova requirements 1、安卓平台指南： cordova for Android需要安装在OSX，Linux或Windows上的Android SDK. 安装要求： 1、java开发工具包（JDK） 下载安装好JDK之后...
2017-04-14 22:12:00
158
转载 cordova项目的创建
cd 目录名 转到你想创建cordova项目的目录 cordova create 项目名 一个默认的应用程序就创建好了 添加平台指令： 添加安卓平台：cordova platform add android --sava 添加ios平台：cordova platform add ios --save 通过该命令可以查看您的当前平台集 ...
2017-04-14 16:02:00
68
转载 cordova的安装
cordova是采用命令行安装的。 1、首先先安装node.js,从该网址下载安装你所需要的node.js版本即可（https://nodejs.org/en/download/) 2、打开终端，输入sudo npm install -g cordova后回车，安装好后会显示如下信息： 3、安装好以后，在终端中输入cordova并回车，可以查看cordova...
2017-04-14 15:44:00
109
转载 webapp之初次接触cordova
本文纯属个人观点。 什么是cordova：cordova是一款开发工具。 作用： 1、可以把html做出的网页打包成手机应用安装程序,Android平台的apk,windows phone平台的xap,IOS平台的ipa 2、提供一堆插件，可以让我在html网页上使用手机的系统功能。比如手机摄像头，手机GPS定位系统，读取手机的联系人等等。。 最后打个广...
2017-04-14 14:09:00
74
转载 mac自带终端常用命令（我自己经常会用到的）
查看当前是在哪个目录 pwd跳转到哪个目录，记住cd是change directory的意思 跳转目录 cd 目录名 跳转到home目录 cd ~ 跳转到上一级目录 cd .. 跳转根目录 cd / 返回上一次操作的目录 cd新建目录 mkdir 目录名查看当前目录下有哪些文件夹 ls删除目录 rmdir 目录名获取ro...
2017-04-14 00:22:00
76
转载 AJAX初识
现在对AJAX的定义，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. 如图： AJAX的工作原理： AJAX工具包： AJAX缺陷： 怎么用下次再说。 最后打个广告，本人创建了一个前端技术qq群399627992，有兴趣的可以加一下，一起学习一起进步转载于:https://www.cnblogs.com/...
2017-04-11 23:12:00
54
转载 前端适配之细说rem（网易的移动端页面布局做法）
rem指的是根元素的字体大小，多数根元素大小为16px,但设备的dpi会影响根元素的大小，因此并不是固定的。 所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。 使用rem布局结合在html上根据不同分辨率设置不同font-size有很多不好解决的麻烦,那应该如何解决呢？我们可以通过JS来计算不同分...
2017-04-09 22:45:00
374
转载 移动端网页开发三（纠结适配的那些年）
前面两篇文章介绍了移动端网页开发所要具备的基础知识。 今天着重来讲解移动端的适配方案。 做PC端页面的工程师聊的最多的是兼容，这是因为浏览器之间的差异引起的。而移动端基本是没有兼容问题的，全是css3，简直不要太开心。 但是最明显的是适配问题。 什么是适配呢？做PC页面的时候，我们按照设计图的尺寸来就好，这个侧边栏200px，那个按钮50px。可...
2017-04-07 22:01:00
80
转载 移动端网页开发所要具备的基础知识二（视口）
做移动端网页，首先必须了解一些基本的概念。 最重要的是了解像素和视口。 我在上一篇文章中已经介绍了像素，这次我们再来谈谈视口。 视口 桌面浏览器中，浏览器窗口就是约束你的css布局视口（又称初始包含块）。它是所有css百分比宽度推算的根源，它的作用是给css布局限制了一个最大宽度，视口的宽度和浏览器视口宽度一致。 但是在移动端，情况就很复杂了。...
2017-04-07 21:04:00
104
转载 移动端网页开发所要具备的基础知识一（像素）
做移动端网页，首先必须了解一些基本的概念。 最重要的是了解像素和视口。 像素的分类，其实存在两种像素，1、设备像素。2、CSS像素 1、设备像素。 屏幕的物理像素，任何设备屏幕的物理像素都是固定不变的，单位是pt. 2、css像素 在css、js中使用的一个抽象的概念，单位是px。 顺便说下，css像素也可以成为设备独立像素,单位是dp。...
2017-04-07 11:03:00
128
转载 等比缩放布局（rem布局）的实现
rem的定义，the font size of the root element,即以根节点的字体大小作为基准值进行长度计算。网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。 视口(viewport)设置：<meta name="viewport" content="width=device-width, initial-scale=1....
2017-03-24 23:11:00
634
转载 移动端网页真机调试，脱离那些年阻挡我们脚步的手机chrome浏览器的局限--weinre...
上一篇文章，我讲到了使用电脑上的谷歌浏览器调试在手机上用谷歌浏览器打开的移动端页面，初次接触这类的新人看到肯定很开心，但是那也仅限于手机上安装了谷歌浏览器，我们写的移动端页面当然希望在每个移动端浏览器上都能生效，所以我给大家带来了一位新朋友----欢迎我们的weinre。 weinre是web inspector remote的缩写，它是一个可以让你在电脑上调试在手机上打开的移...
2017-03-20 23:17:00
100
转载 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面
本教程用的是我自己的手机三星A9，其他安卓手机方法也相同。第一步首先你得打开手机的开发者选项，确保USB调试和通过USB验证应用程序保持打开状态，如图所示第二步，确保你的电脑和安卓手机都已经安装了谷歌浏览器第三步，打开你电脑的上谷歌浏览器，调出控制台，，点击如图所示这个3旁边的3个点，这里面有更多的功能，会出现这个选项，我们点击More tools，再选择，在之后的页面中如图...
2017-03-20 21:52:00
538
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人