猫猫的小茶馆-CSDN博客

原创 C#对HTML的文本处理

例如，我们通过网络爬虫获取到了一张网页，现在需要分析文件结构，将不必要的信息删除掉，最终，只留下我们自己需要的信息。思路：读取一个html文件，将其保存成string类型，然后清除掉其中不需要的部分，并进行保存。步骤分析读取本地文本文件"C:\file.html" （地址根据自己的需求输入）字符串匹配 - 找到对应字符串，根据匹配到的script标签内容，删除所有<script></script>代码块用字符串截取的方式 - 删掉 <div class="rw-

2021-01-20 18:16:26 2319 1

原创正则表达式匹配＜script＞＜/script＞标签中的内容

正则表达式匹配标签中的内容这里提供四种方式：根据自己的需要选择即可//1、string regexJs = "(?<=<script(.*?)>)(.|\n)*?(?=</script>)"//2、string regexJs = "(?<=<script(.)*?>)([\\s\\S](?!<script))*?(?=</script>)"//3、string regexJs = "<script.*?>[\\

2021-01-20 16:25:40 4351

原创 C#绘制时钟

使用C#写一个时钟时钟是这样的一共使用四个控件即可：WinFrom窗体应用程序代码：using SpeechLib;using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Drawing.Drawing2D;using System.Linq;using System.Text;us

2021-01-20 01:59:37 2766 2

原创从零开始学C#：小棋盘

这是一个小棋盘这是棋盘的样子游戏进行中ING游戏结束此处是代码（复制粘贴运行即可）class Program { //存储地图的数组静态字段模仿全局变量（因为C#中没有"全局变量"这个概念，所以用静态字段来模拟） public static int[] Maps = new int[100]; //两个玩家的坐标 public static int[] Players = new int[2]; //Players[

2021-01-07 04:42:40 237

原创从零开始学C#：基础语法篇

练习题：数组反转class Program{ static void Main(string[] args) { int temp = 0; int[] nums = { 1, 2, 3, 4, 5, 6, 7, 8, 9}; for (int i = 0; i < nums.Length/2; i++) { temp = nums[i]; nums[i] = num.

2021-01-07 03:36:16 302

原创使用gulp打包发布代码

在发布代码之前，可以对代码进行优化：压缩合并增加版本号这样的话，在线上的文件就会比较小，提高用户的下载速度，为用户节省带宽。压缩后的代码也不容易被其他人一眼看出来是什么作用，这样也能起到一些保护知识产权的作用。一般来说，现在常用主流的3个工具：GruntGulpWebpackGrunt自动化构建工具GulpWebpack静态资源打包工具这里我们用 gulp写一个简单的页面代码的打包发布流程：首先我们需要安装gulp与对应所需的插件npm install --globa.

2020-07-05 20:46:37 621

原创 npm 依赖下载报错主机名/IP与证书的altname不匹配

npm 依赖下载报错主机名/IP与证书的altname不匹配npm 依赖下载报错：主机名/IP与证书的altname不匹配记录一下解决的方案：尝试使用//取消ssl验证npm set strict-ssl false npm config set registry http://registry.npmjs.org///如果还没成功，则将npm源更换为国内镜像：npm config set registry http://registry.cnpmjs.org/npm config

2020-06-28 15:42:19 1863

原创 js加载时间线

在js加载开始的时候，浏览器会记录js执行的这段过程。 1、创建Document对象，开始解析web页面。解析HTML元素和他们的文本内容后添加Element对象和Text节点到文档中。这个阶段Document。readyState = "loading"。 2、遇到link外部css，创建线程加载，并继续解析文档。 3、遇到script外部js...

2020-03-02 21:31:50 177

转载 JS常见的六类错误类型

转载至： https://www.leixuesong.cn/2825最近打算花点时间好好学习一下Javascript。之前一直知道JS怎么用，可就是不理解JS的本质。发现一些JS框架的源代码还是不太理解，想去了解详细的学习一下Javascript。下面PHP程序员雷雪松详细的总结下Javascript中常见的六类错误类型。一、SyntaxError解析错误SyntaxError是解析...

2018-08-16 16:20:27 461

原创 Vue —— 购物车

购物车长得很丑，是这样的。。。用Vue实现一个简易购物车功能，数据都是自己模拟的（心酸），算了少说话多做事贴代码：<template> <div class="shoppingCart">  <div class="header"> <div class="he

2018-08-10 17:17:32 1391 2

原创 Vue学习笔记 —— 生命周期钩子函数

生命周期 Vue实例从创建到销毁的过程,就是生命周期。学习vue已经两周之久了，但在开发中，总还是会遇到生命周期钩子函数运用混乱的问题，于是决定做个汇总。首先从官网上贴出的标准生命周期流程图上来分析生命周期函数：这么多钩子函数，那怎么用呢：beforeCreate 创建前 el 和 data 并未初始化。可以在这加个 loading 事件，在加载实例时触发c...

2018-08-10 16:47:49 456

原创 vue/cli 3.0脚手架搭建

在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的：首先全局安装vue-cli，在cmd中输入命令: npm install --global vue-cli 安装成功：安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。然后就可以构建项目了，依次输入命令：vue init webpack “名称...

2018-08-10 11:42:22 24103 2

原创 css如何用height:100%设置全屏

在符合标准的 XHTML 模式下，将 DIV 的高度简单的设置为 100% 往往并不能达到想要的效果，原因是“百分比”是个相对于父节点的值，如果你没有设置他们的父节点的高度，那么设置 DIV 的高度为100%就没有了意义。例子: body{ height:100%; font-family:”Microsoft YaHei”; font-size:12px; font-w...

2018-08-08 11:19:25 7522

原创关于Sublime text 3如何编辑less并转(编译)成css文件

今天给大家介绍一个简单实用的less配置小技巧，本来是考虑用koala（专门编辑less的软件）来使用less的，不过既然sublime上有好用的插件，就不用麻烦的去下载其余的东西进行编译啦。 1.在sublime text 3里安装好less（less语法高亮功能插件）和Less2Css（编译功能插件）这两个插件：（这里必须已经安装好了管理插件的package control插件），选中...

2018-07-09 10:54:35 1060

翻译 JavaScript 编码规范

注：此规范来自 Airbnb JavaScript Style Guide 用更合理的方式写 JavaScript目录类型对象数组字符串函数属性变量提升比较运算符 &amp; 等号块注释空白逗号分号类型转化命名规则存取器构造函数事件模块 jQuery ECMAScript 5 兼容性测试性能类...

2018-06-29 14:06:28 263

原创 vue-router——SPA单页应用搭建

SPA单页应用：加载单个HTML页面，并在用户与应用程序交互时动态更新该页面。vue-router 作用：通过管理url，实现url和组件的对应和通过url进行组件之间的切换。开始使用vue-router，使用步骤：安装模块 npm install vue-router --save引入模块 import VueRouter from 'vue-route...

2018-06-22 14:49:14 358

原创 vue项目启动出现cannot GET /服务错误

上午做了项目，中午吃完饭后回来再跑一次服务器，出现 Cannot GET/：控制台中并没有报错；npm run dev命令行窗口也没有报错。原因在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同…于是把能改的地方都改了…（基本上相当于将配置信息改回来）关闭 history 模式关闭history模式，用/#/路由的方式开启，（h...

2018-06-22 14:16:52 47493 13

原创 jQuery插件的开发（一）：如何写一个插件框架？

把自己写的代码封装成插件是很有必要的，不仅利于团队合作，而且今后需要的时候也可以直接调用。接下来，我为大家介绍一种实用的插件封装方式。在开始写代码之前，我们首先了解这几个知识点。闭包在很多插件框架中我们都会看到这样一段代码：(function($){ /your code})(jQuery);这里使用闭包的好处官方给出了三点解释：避免全局依赖避免第三方...

2018-06-14 10:56:26 3412 1

原创 H5新功能：canvas画布时钟

用canvas画一个简单的时钟。&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;meta charset=&amp;amp;quot

2018-06-08 17:49:07 606

原创 JQ实现——TAB选项卡切换登录界面

今天，分享一个简单实用的TAB选项卡切换登录界面。主页部分<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=

2018-06-08 15:02:44 7799

原创 HTML和CSS书写规范

注：此规范来自 Bootstrap 编码规范。HTML 语法 HTML5 doctype 语言属性（Language attribute）字符编码 IE 兼容模式引入 CSS 和 JavaScript 文件实用为王属性顺序布尔（boolean）型属性减少标签的数量 JavaScript 生成的标签CSS 语法声...

2018-06-07 11:25:04 2484

原创初级前端基础的面试题分享（前言）

先分享一波我在面试中遇到的真实的面试题~ 这是初级笔试。一般情况下，在笔试通过了之后，先过HR的关，才会有技术面，技术官问的问题一般从基础开始，然后像打井一样逐渐深入，直到你答不出来为止，然后面试官便会知道你的技术学到了哪一个阶段，判断是否要你，开给和你的价值所匹配的薪资待遇。（技术面之后你的价格差不多就出来了，技术面试官会报给HR你的价格，然后HR来跟你磕薪资待遇问题）。问的...

2018-05-28 10:19:04 15396 3

原创原生JS实现2048小游戏

JS原生实现2048经典小游戏虽然2048都已经众所周知，但还是看一下游戏的效果吧这里是链接https://codepen.io/dashboard/ 接下来我们来写2048的实现部分HTML部分布局很简单，一个大的div容器里嵌套16个等比的小盒子。一个盒子记录游戏中的分数。一个盒子记录游戏结束时的分数（设置display:none；在游...

2018-05-26 19:27:14 2680 1

原创 AJAX发送请求(POST方式)

AJAX请求AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术：这里介绍一下AJAX发送请求（POST）POST比GET提交方式更安全，不会在网址中显示信息首先我们看一下效果常见场景：输入用户名和密码在用户登录时，这是最常见的用法。接下来，我们看看代码吧。首先，老规矩，咱们写一个简单的PHP服务PHP部分代码如下：&...

2018-05-16 20:03:45 24330

原创 AJAX发送请求(GET方式)

AJAX请求首先我们看一下效果PHP部分HTML部分接下来我们进入AJAX部分。那AJAX判断用户名就非常简单易懂了AJAX部分AJAX请求AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术：这里介绍一下AJAX发送请求（GET）首先我们看一下效果当用户名已经存在时当用户名不存在于数据...

2018-05-16 19:27:58 6529

原创 CSS鼠标悬停

在学习中遇到许多好看的样式，虽然只是用HTML+CSS简单的实现，仅作为我的学习笔记和同爱好学习者的分享：先看效果HTML部分html： <div class="box shadow"> 这是是pic-1 <div class="circle"></div> ...

2018-05-09 14:41:27 13680 1

猫猫的小茶馆