xuanwuziyou
码龄14年
求更新 关注
提问 私信
  • 博客:609,432
    社区:13,828
    623,260
    总访问量
  • 144
    原创
  • 82
    粉丝
  • 30
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
加入CSDN时间: 2011-04-26

个人简介:程序媛,威武!~

博客简介:

xuanwuziyou的专栏

查看详细资料
个人成就
  • 获得79次点赞
  • 内容获得43次评论
  • 获得241次收藏
  • 代码片获得230次分享
  • 博客总排名1,883,574名
创作历程
  • 5篇
    2021年
  • 32篇
    2020年
  • 8篇
    2019年
  • 2篇
    2018年
  • 31篇
    2017年
  • 23篇
    2016年
  • 34篇
    2015年
  • 34篇
    2014年
  • 9篇
    2013年
成就勋章
TA的专栏
  • Web前端技术
    115篇
  • .Net技术
    26篇
  • 互联网
    3篇
  • 文学
    2篇
  • UML和类的设计
    1篇
  • angular
    16篇
  • vue
    24篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 4

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

91人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

C#.net_经典例子400个.

发布资源 2012.09.27 ·
doc

异步编程-学习笔记

一、认识异步编程1.同步模式和异步模式Javascript设计初衷是为了在浏览器里满足网页交互的需要,所以设计为单线程模式,简单、安全,但如果某段代码执行很费时,就会造成后面代码的延迟执行(页面假死)。于是Js将任务的执行模式分成两种:同步模式、异步模式。同步模式的执行顺序就是排队执行,前面的执行完毕,后面的再执行。异步模式则是开启一个任务后,不会等待任务执行完毕才开始下一个任务,而是开启一个任务后就开始下一个任务。同步或异步是说,执行环境提供的API是以同步还是异步的模式去工作。2
原创
博文更新于 2022.06.13 ·
608 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

Webpack5 - 区分开发和生产环境配置

一. webpack 不同环境的配置对于项目的开发和生产打包,这两种情况下,我们通常需要不同的webpack配置。有如下两种方法,可以针对不同环境 应用不同的 webpack 配置。二. 方法一 根据环境不同导出不同的配置webpack.config.js:module.exports = (env, argv) => { const config = {...} if(env && env.production) { con.
原创
博文更新于 2021.12.24 ·
1374 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Webpack5 - 自定义一个插件 MyPlugin

一个插件(Plugin)必须是一个函数 或者 一个 包含 applay 方法的对象。此处自定义一个插件 MyPlugin, 去除以mode为none模式打包后 bundle.js文件中的 /******/ 字符串。webpack.config.js :// 自定义一个插件 MyPlugin, 去除打包后bundle.js文件中的 /******/ 字符串class MyPlugin { apply(compiler) { console.log('MyPlugin 启动')
原创
博文更新于 2021.12.23 ·
1289 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Webpack5 - 常用Plugin(插件)

一. Webpack的插件是什么webpack的插件,可以增强webpack的自动化能力,使用插件,可以完成自动清空目录、拷贝资源文件、压缩输出代码等功能。webpack的一个个插件,就是在 webpack生命周期的钩子上挂载的一个个任务。一个插件(Plugin)必须是一个函数 或者 一个 包含 applay 方法的对象。二. 常用的Webpack插件常用的Webpack插件 作用 clean-webpack-plugin 在每次打包开始 清除打包
原创
博文更新于 2021.12.23 ·
1048 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

脚手架 - 用Yeoman生成一个自己的项目框架

项目网址:https://gitee.com/big-right-right/plop-mysample.git一. Yeoman简介Yeoman是一个通用的脚手架工具(比vue-cli、create-react-app等更加灵活通用,不限制于某种开发语言或框架。)它可以帮助开发人员快速构建web应用程序的工具和框架。Yeoman可以定义项目生成模块(Generator),再通过执行生成模块来生成项目。定义一个Generator模块,实质上就是定义一个npm模块。二. 用Yeo.
原创
博文更新于 2021.11.18 ·
350 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue.js - 模拟Vue.js响应式原理(2/2)

项目仓库:xxxxx一. 类的说明Vue类 :保存传入的选项数据,把选项data中的成员注入vue实例(可用this.msg访问),调用observer对象监听数据变化,调用compiler对象解析指令和差值表达式。Observer类:把data选项中属性转换成响应式数据(若data某个属性是对象,该对象的属性也具有响应式),数据变化发送通知。Compiler类:负责编译模板并解析指令和差值表达式,负责页面视图首次渲染,以及数据变化后的重新渲染。Dep类:观察者模式中的发布者,用
原创
博文更新于 2021.04.15 ·
409 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue.js - Vue.js响应式原理(1/2)

一. 数据驱动数据响应式:数据改变,则视图改变,避免频繁的Dom操作,提高运行效率双向绑定:数据改变,则视图改变;视图改变,则数据也随之改变数据驱动:开发过程中只需关注数据本身,不用关心数据如何渲染出视图二. Vue.js 数据响应式原理2.1Vue2数据响应式原理 - Object.defineProperty - 兼容IE9及以上<html><head></head><body> <h1>Vue响应式..
原创
博文更新于 2021.04.14 ·
463 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue.js - VueRouter的Hash与History模式 / 手写VueRouter

一.Hash与History模式 Hash模式 History模式 url地址外观 http://localhost:8081/#/about http://localhost:8080/about 原理 基于锚点,监听锚点变化时触发的onhashchange事件 基于HTML5的 history.pushState()方法,该方法会向浏览器历史记录中加入一条数据,会改变当前地址栏的地址,但不去加载新地址 兼容性 对于IE,IE10及以...
原创
博文更新于 2021.03.26 ·
373 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

规范化标准 - ESLint 结合 Git Hooks(阻止不规范的代码提交)

一. 什么是 Git Hooks如同其他许多的版本控制系统一样,Git也具有在特定事件发生之前或之后执行特定脚本代码功能。Git Hooks就是那些在Git执行特定事件(如commit、push、receive等)后触发运行的脚本。按照Git Hooks脚本所在的位置可以分为两类:1.本地Hooks,触发事件如commit、merge等。2.服务端Hooks,触发事件如receive等。钩子都被存储在项目的.git(是隐藏目录)目录下的hooks子目录中,即项目中的.git/hoo...
原创
博文更新于 2021.01.03 ·
2903 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

规范化标准 - ESLint

一. 规范化介绍1.为什么要有规范化标准软件开发需要多人协同,不同开发者有不同的编码习惯和喜好,不同的喜好增加项目维护成本,每个项目或团队需要明确统一的标准。2.哪里需要规范化标准代码、文档、设置提交日志,开发过程中人为编写的成果物,其中代码标准化规范最为重要。3.实施规范化的方式编码前认同标准约定、通过工具实现 Lint(对代码进行规范化,统称 Lint)。二. ESLint 介绍ESLint 是目前最主流的 Javascript 代码的 Lint 工具,可以很容易地...
原创
博文更新于 2021.01.03 ·
504 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

angularJS 常用的渲染指令、事件指令和节点指令

渲染指令: 1)ng-init: 初始化变量 例:ng-init="cityArr=['上海','北京','杭州']" 2)ng-bind: 绑定模型 例:p ng-bind="1+1">p> 3)ng-bind-template: 绑定模型 不加{{}}则直接绑定内容 例:p ng-bind-template="{{ 1+3 }}">p> 4)ng-re
原创
博文更新于 2016.10.17 ·
1618 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

百度地图API使用例子

例子:支持拖拽,缩放,比例尺显示,地图/卫星图切换代码如下: Bootstrap 实例 - 基本表单 --> function initialize() { var mp = new BMap.Map('map'); var point = new BMap.Point(116.314878,40.016318); mp.c
原创
博文更新于 2015.06.24 ·
790 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

.net 网站(MVC)三层架构实践代码

一.任务    创建一个.Net,C#,MVC的网站,采用三层架构,实现对一个Sql server中表数据的查询。二.何谓三层架构    三层架构,指的是把系统分成三个部分:数据处理层(DAL:data access layer),业务逻辑层(BLL:business logical layer),表现层(USL:user show layer)。数据处理层:负责直接对数据库的增删改查
转载
博文更新于 2014.03.03 ·
5755 阅读 ·
3 点赞 ·
0 评论 ·
16 收藏

JavaScript常用语句总结---来自W3School

写入 HTML 输出使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:document.write("This is a heading");document.write("This is a paragraph");对事件作出反应点击这里改
转载
博文更新于 2013.12.17 ·
1812 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue2 模板template的四种写法

我是直接写在构造器里的模板1 我是选项模板3 我是script标签模板4 var vm=new Vue({ el:"#app", data:{ message:1 }, //第2种模板 写在构造器里 //template:`我是选项模板2`
原创
博文更新于 2017.09.18 ·
37033 阅读 ·
6 点赞 ·
2 评论 ·
13 收藏

css3的过渡transition

css3中使用过渡功能可以使元素的css属性值在一定时间区间内平滑过渡,可在元素被点击,hover,做焦点,或对元素做任何改变时触发。例如hover时,可从一种颜色平滑过渡到另一种颜色。一.写法例如,下面的div原来的宽度是100px, 在hover的时候将其宽度width,在1s内,匀速变为200px,等待2s再变化 div{width:100px;height:10
原创
博文更新于 2015.08.28 ·
1033 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js获取各种浏览器窗口滚动坐标

获取各种浏览器窗口滚动坐标 返回结果如:{x:0  ,y:100 }function getScrollOffsets(w){ w=w || window; //除了IE8以及更早的版本,其它浏览器都能用 if(w.pageXOffset != null){ return { x:w.pageXOffset, y:w.pageYOffset } } //对标准
转载
博文更新于 2016.11.25 ·
1576 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

angularJS 嵌套控制器的model作用范围

angularJS 嵌套控制器的model作用范围
原创
博文更新于 2016.10.21 ·
1752 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

其他打包工具 - Rollup 和 Parcel

一. Rollup 一款小巧高效的 ES Module 打包器项目网址:https://gitee.com/big-right-right/rollup-sample# Rollup 一款小巧高效的 ES Module 打包器默认支持 ESM 模块的打包# 配置 rollup.config.js1. 入口文件 input2. 输出文件或文件夹 output3. 插件 plugins - 插件是Rollup的唯一拓展方式4. 加载非 ESM 规范的模块需要插件:n...
原创
博文更新于 2020.12.29 ·
258 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多